From 1fe876e89c5c7f5f64227ac8be602e38ed6e4d49 Mon Sep 17 00:00:00 2001
From: Quinn Slack <quinn@slack.org>
Date: Sun, 21 Jul 2024 18:37:02 -0700
Subject: [PATCH] finish removing chromatic (#63966)

We removed Chromatic in
https://github.com/sourcegraph/sourcegraph/pull/62228, but there were
still some remnants.

## Test plan

CI
---
 .eslintrc.js                                  |  4 --
 .../branded/src/components/Toggle.story.tsx   |  6 ---
 .../panel/TabbedPanelContent.story.tsx        |  6 +--
 .../components/RepoMetadata.story.tsx         |  9 +---
 .../SyntaxHighlightedSearchQuery.story.tsx    |  4 +-
 .../input/BaseCodeMirrorQueryInput.story.tsx  |  4 +-
 .../src/search-ui/input/SearchBox.story.tsx   |  4 +-
 .../input/SearchContextMenu.story.tsx         |  1 -
 .../input/SearchContextMenuItem.story.tsx     |  4 +-
 .../filters/NewSearchFilters.story.tsx        |  4 +-
 .../progress/StreamingProgress.story.tsx      |  1 -
 .../StreamingProgressSkippedPopover.story.tsx |  1 -
 .../AfterInstallPageContent.story.tsx         |  7 +--
 .../options-menu/OptionsPage.story.tsx        |  7 ---
 .../shared/components/HoverOverlay.story.tsx  |  7 +--
 .../search/input/JetBrainsSearchBox.story.tsx |  6 ---
 .../search/results/SearchResultList.story.tsx |  6 ---
 .../shared/src/actions/ActionItem.story.tsx   |  6 ---
 client/shared/src/symbols/SymbolTag.story.tsx |  4 +-
 client/storybook/BUILD.bazel                  | 21 +-------
 client/storybook/package.json                 |  1 -
 .../ChromaticRoot/ChromaticRoot.module.scss   |  7 ---
 .../ChromaticRoot/ChromaticRoot.tsx           | 30 -----------
 .../ChromaticRoot/index.ts                    |  1 -
 .../decorators/withChromaticThemes/index.ts   |  1 -
 .../withChromaticThemes.tsx                   | 32 -----------
 client/storybook/src/environment-config.ts    |  3 --
 client/storybook/src/main.ts                  | 38 +------------
 client/storybook/src/preview.ts               | 28 +---------
 client/web/src/auth/CloudSignUpPage.story.tsx |  4 +-
 .../web/src/auth/RequestAccessPage.story.tsx  |  4 +-
 .../web/src/auth/ResetPasswordPage.story.tsx  |  4 +-
 client/web/src/auth/SignInPage.story.tsx      |  4 +-
 client/web/src/auth/SignUpPage.story.tsx      |  4 +-
 client/web/src/auth/UnlockAccount.story.tsx   |  4 +-
 .../web/src/auth/VsCodeSignUpPage.story.tsx   |  4 +-
 .../src/codeintel/ReferencesPanel.story.tsx   |  3 --
 .../CommunitySearchContextPage.story.tsx      |  1 -
 .../WebHoverOverlay/WebHoverOverlay.story.tsx |  4 --
 .../AddExternalServicesPage.story.tsx         |  7 +--
 .../ExternalServiceEditPage.story.tsx         |  7 +--
 .../ExternalServiceSyncJobNode.story.tsx      |  4 +-
 .../fuzzyFinder/FuzzyFinder.story.tsx         |  6 +--
 client/web/src/components/time/Duration.tsx   |  2 +-
 .../batches/BatchSpecsPage.story.tsx          |  7 +--
 .../edit/editor/MonacoBatchSpecEditor.tsx     |  6 +--
 .../execute/ExecuteBatchSpecPage.story.tsx    | 37 ++-----------
 .../close/BatchChangeCloseAlert.story.tsx     |  6 +--
 .../close/BatchChangeClosePage.story.tsx      |  7 +--
 .../create/ConfigurationForm.story.tsx        |  6 +--
 .../create/CreateBatchChangePage.story.tsx    |  6 +--
 .../detail/BatchChangeDetailsPage.story.tsx   |  4 --
 .../list/BatchChangeListPage.story.tsx        |  7 +--
 .../batches/list/BatchChangeNode.story.tsx    |  8 +--
 .../list/BatchChangesChangelogAlert.tsx       |  5 +-
 .../batches/list/GettingStarted.story.tsx     |  6 +--
 .../preview/BatchChangePreviewPage.story.tsx  |  7 +--
 .../CreateUpdateBatchChangeAlert.story.tsx    |  6 +--
 .../preview/list/PreviewList.story.tsx        |  6 ---
 .../repo/BatchChangeRepoPage.story.tsx        |  7 +--
 .../settings/AddCredentialModal.story.tsx     |  7 +--
 .../settings/RemoveCredentialModal.story.tsx  |  7 +--
 .../settings/ViewCredentialModal.story.tsx    |  7 ---
 .../CodeMonitoringLogs.story.tsx              |  6 +--
 .../CodeMonitoringPage.story.tsx              |  8 +--
 .../CreateCodeMonitorPage.story.tsx           |  4 +-
 .../ManageCodeMonitorPage.story.tsx           |  1 -
 .../components/DeleteMonitorModal.story.tsx   |  4 +-
 .../components/FormTriggerArea.story.tsx      |  5 --
 .../components/actions/EmailAction.story.tsx  |  4 +-
 .../actions/SlackWebhookAction.story.tsx      |  4 +-
 .../actions/WebhookAction.story.tsx           |  4 +-
 .../secrets/AddSecretModal.story.tsx          |  7 +--
 .../secrets/ExecutorSecretsListPage.story.tsx |  7 +--
 .../secrets/RemoveSecretModal.story.tsx       |  7 +--
 .../secrets/SecretAccessLogsModal.story.tsx   |  7 +--
 .../secrets/UpdateSecretModal.story.tsx       |  7 +--
 .../SmartInsightsViewGrid.story.tsx           |  7 +--
 .../backend-insight/BackendInsight.story.tsx  |  6 +--
 .../insights/modals/GaConfirmationModal.tsx   |  4 +-
 .../InsightsDashboardCreationPage.story.tsx   |  7 +--
 .../EmptyInsightDashboard.story.tsx           |  6 +--
 .../CaptureGroupCreationPage.story.tsx        |  7 +--
 .../ComputeInsightCreationPage.story.tsx      |  7 +--
 .../intro/IntroCreationPage.story.tsx         |  7 +--
 .../intro/cards/InsightCards.story.tsx        |  7 +--
 .../LangStatsInsightCreationPage.story.tsx    |  7 +--
 .../SearchInsightCreationPage.story.tsx       |  7 +--
 .../own/RepositoryOwnEditPage.story.tsx       |  4 +-
 .../own/admin-ui/OwnAnalyticsPage.story.tsx   |  4 +-
 .../search-jobs/SearchJobsPage.story.tsx      |  6 +--
 .../DeleteSearchContextModal.story.tsx        |  4 +-
 .../SearchContextForm.story.tsx               |  4 +-
 .../SearchContextPage.story.tsx               |  4 +-
 .../SearchContextsList.story.tsx              |  4 +-
 .../site-admin/SiteAdminSidebar.story.tsx     |  6 +--
 client/web/src/global/GlobalAlert.story.tsx   |  3 --
 client/web/src/nav/GlobalNavbar.story.tsx     | 10 +---
 client/web/src/nav/StatusMessagesNavItem.tsx  |  2 +-
 client/web/src/nav/UserNavItem.story.tsx      |  4 --
 .../StatusMessagesNavItem.test.tsx.snap       |  4 +-
 .../listPage/NotebooksListPage.story.tsx      |  4 +-
 .../notebook/NotebookComponent.story.tsx      |  4 +-
 client/web/src/prompts/EditPage.story.tsx     |  4 +-
 client/web/src/prompts/Form.story.tsx         |  4 +-
 client/web/src/prompts/ListPage.story.tsx     |  4 +-
 client/web/src/prompts/NewForm.story.tsx      |  4 +-
 client/web/src/repo/RepoHeader.story.tsx      |  7 ---
 .../repo/actions/GoToCodeHostAction.story.tsx | 18 -------
 .../blob/own/FileOwnershipPanel.story.tsx     |  4 +-
 .../repo/blob/own/HistoryAndOwnBar.story.tsx  |  4 +-
 .../src/repo/commits/GitCommitNode.story.tsx  |  4 +-
 .../web/src/savedSearches/EditPage.story.tsx  |  4 +-
 client/web/src/savedSearches/Form.story.tsx   |  4 +-
 .../web/src/savedSearches/ListPage.story.tsx  |  4 +-
 .../web/src/savedSearches/NewForm.story.tsx   |  4 +-
 .../results/StreamingSearchResults.story.tsx  |  4 +-
 .../SearchAggregationResult.story.tsx         |  4 +-
 .../results/sidebar/Revisions.story.tsx       |  4 +-
 .../sidebar/SearchFiltersSidebar.story.tsx    |  1 -
 .../search/suggestion/SmartSearch.story.tsx   |  4 +-
 .../SiteAdminMigrationsPage.story.tsx         |  6 +--
 .../components/DateRangeSelect.story.tsx      | 14 -----
 .../site-admin/init/SiteInitPage.story.tsx    |  4 +-
 .../webhooks/MessagePanel.story.tsx           |  6 +--
 .../webhooks/PerformanceGauge.story.tsx       |  6 +--
 .../site-admin/webhooks/StatusCode.story.tsx  |  6 +--
 .../webhooks/WebhookLogNode.story.tsx         |  6 +--
 .../webhooks/WebhookLogPageHeader.story.tsx   |  6 +--
 .../SearchPage/SearchPageContent.story.tsx    |  1 -
 .../team/area/TeamChildTeamsPage.story.tsx    |  4 +-
 .../src/team/area/TeamMembersPage.story.tsx   |  4 +-
 .../src/team/area/TeamProfilePage.story.tsx   |  4 +-
 .../web/src/team/list/TeamListPage.story.tsx  |  4 +-
 client/web/src/team/new/NewTeamPage.story.tsx |  4 +-
 .../src/tour/components/Tour/Tour.story.tsx   |  4 --
 client/wildcard/BUILD.bazel                   |  3 --
 .../src/components/Alert/Alert.story.tsx      |  5 +-
 .../src/components/Badge/Badge.story.tsx      |  5 +-
 .../Badge/ProductStatusBadge.story.tsx        |  5 +-
 .../components/Button/story/Button.story.tsx  | 13 -----
 .../ButtonLink/ButtonLink.story.tsx           |  5 +-
 .../src/components/Card/Card.story.tsx        |  5 +-
 .../components/bar-chart/BarChart.story.tsx   |  4 +-
 .../components/line-chart/LineChart.test.tsx  |  1 -
 .../line-chart/story/LineChart.story.tsx      |  4 +-
 .../components/pie-chart/PieChart.story.tsx   |  4 +-
 .../stacked-meter/StackedMeter.story.tsx      |  4 +-
 .../Charts/core/components/SvgRoot.story.tsx  |  3 +-
 .../Combobox/MultiCombobox.story.tsx          |  7 +--
 .../components/Container/Container.story.tsx  |  4 --
 .../FeedbackBadge/FeedbackBadge.story.tsx     |  5 +-
 .../FeedbackPrompt/FeedbackPrompt.story.tsx   | 11 +---
 .../FeedbackText/FeedbackText.story.tsx       |  4 --
 .../Form/Checkbox/Checkbox.story.tsx          |  7 ---
 .../src/components/Form/Input/Input.story.tsx |  5 +-
 .../Form/RadioButton/RadioButton.story.tsx    |  7 ---
 .../components/Form/Select/Select.story.tsx   |  7 ---
 .../Form/TextArea/TextArea.story.tsx          |  5 +-
 .../src/components/Icon/Icon.story.tsx        |  5 +-
 .../src/components/Link/Link/Link.story.tsx   |  4 --
 .../LoadingSpinner/LoadingSpinner.story.tsx   |  4 --
 .../src/components/Menu/Menu.story.tsx        |  4 --
 .../src/components/Modal/Modal.story.tsx      |  4 +-
 .../src/components/NavMenu/NavMenu.story.tsx  |  4 --
 .../PageHeader/PageHeader.story.tsx           |  4 --
 .../PageSelector/PageSelector.story.tsx       |  7 ---
 .../PageSwitcher/PageSwitcher.story.tsx       |  7 ---
 .../components/Panel/story/Panel.story.tsx    |  5 +-
 .../Popover/story/Popover.story.tsx           |  6 ---
 .../src/components/Tabs/Tabs.story.tsx        |  4 --
 .../src/components/Tooltip/Tooltip.story.tsx  |  6 ---
 .../src/components/Tree/Tree.story.tsx        |  4 --
 .../Typography/Typography.story.tsx           |  5 +-
 .../GlobalStylesStory/GlobalStyles.story.tsx  |  6 +--
 client/wildcard/src/stories/hooks/index.ts    |  1 -
 .../src/stories/hooks/useChromaticTheme.ts    | 13 -----
 .../src/stories/hooks/useStorybookTheme.ts    |  9 +---
 client/wildcard/src/stories/index.ts          |  2 -
 .../wildcard/src/stories/utils/isChromatic.ts |  7 ---
 dev/ci/internal/ci/config.go                  |  9 +---
 dev/ci/internal/ci/operations.go              |  1 -
 dev/ci/internal/ci/pipeline.go                |  2 -
 doc/dev/background-information/web/styling.md |  2 -
 package.json                                  |  4 --
 pnpm-lock.yaml                                | 54 ++++++-------------
 third-party-licenses/ThirdPartyLicenses.csv   |  2 -
 187 files changed, 151 insertions(+), 1003 deletions(-)
 delete mode 100644 client/storybook/src/decorators/withChromaticThemes/ChromaticRoot/ChromaticRoot.module.scss
 delete mode 100644 client/storybook/src/decorators/withChromaticThemes/ChromaticRoot/ChromaticRoot.tsx
 delete mode 100644 client/storybook/src/decorators/withChromaticThemes/ChromaticRoot/index.ts
 delete mode 100644 client/storybook/src/decorators/withChromaticThemes/index.ts
 delete mode 100644 client/storybook/src/decorators/withChromaticThemes/withChromaticThemes.tsx
 delete mode 100644 client/wildcard/src/stories/hooks/useChromaticTheme.ts
 delete mode 100644 client/wildcard/src/stories/utils/isChromatic.ts

diff --git a/.eslintrc.js b/.eslintrc.js
index fa21d95bff5..3437d6d7326 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -114,10 +114,6 @@ const config = {
             importNames: ['Link'],
             message: 'Use the <Link /> component from @sourcegraph/wildcard instead.',
           },
-          {
-            name: 'chromatic/isChromatic',
-            message: 'Please use `isChromatic` from the `@sourcegraph/storybook` package.',
-          },
         ],
         patterns: [
           {
diff --git a/client/branded/src/components/Toggle.story.tsx b/client/branded/src/components/Toggle.story.tsx
index 72f992359e8..2fec69d3cdb 100644
--- a/client/branded/src/components/Toggle.story.tsx
+++ b/client/branded/src/components/Toggle.story.tsx
@@ -36,12 +36,6 @@ export const Interactive: StoryFn = () => {
     return <ToggleExample value={value} onToggle={onToggle} />
 }
 
-Interactive.parameters = {
-    chromatic: {
-        disable: true,
-    },
-}
-
 export const Variants: StoryFn = () => (
     <>
         <ToggleExample value={true} onToggle={onToggle} />
diff --git a/client/branded/src/components/panel/TabbedPanelContent.story.tsx b/client/branded/src/components/panel/TabbedPanelContent.story.tsx
index f3120216f27..830e0b32205 100644
--- a/client/branded/src/components/panel/TabbedPanelContent.story.tsx
+++ b/client/branded/src/components/panel/TabbedPanelContent.story.tsx
@@ -13,11 +13,7 @@ const decorator: Decorator = story => (
 const config: Meta = {
     title: 'branded/TabbedPanelContent',
     decorators: [decorator],
-    parameters: {
-        chromatic: {
-            viewports: [320, 576, 978, 1440],
-        },
-    },
+    parameters: {},
 }
 
 export default config
diff --git a/client/branded/src/search-ui/components/RepoMetadata.story.tsx b/client/branded/src/search-ui/components/RepoMetadata.story.tsx
index f1cdb0d576d..2b450b6a451 100644
--- a/client/branded/src/search-ui/components/RepoMetadata.story.tsx
+++ b/client/branded/src/search-ui/components/RepoMetadata.story.tsx
@@ -7,9 +7,7 @@ import { type RepoMetadataItem, RepoMetadata } from './RepoMetadata'
 
 const config: Meta = {
     title: 'branded/search-ui/RepoMetadata',
-    parameters: {
-        chromatic: { viewports: [480] },
-    },
+    parameters: {},
 }
 
 export default config
@@ -50,8 +48,3 @@ export const RepoMetadataStory: StoryFn = () => (
 )
 
 RepoMetadataStory.storyName = 'RepoMetadata'
-RepoMetadataStory.parameters = {
-    chromatic: {
-        disableSnapshot: false,
-    },
-}
diff --git a/client/branded/src/search-ui/components/SyntaxHighlightedSearchQuery.story.tsx b/client/branded/src/search-ui/components/SyntaxHighlightedSearchQuery.story.tsx
index ebd65461926..86963ef12d2 100644
--- a/client/branded/src/search-ui/components/SyntaxHighlightedSearchQuery.story.tsx
+++ b/client/branded/src/search-ui/components/SyntaxHighlightedSearchQuery.story.tsx
@@ -8,9 +8,7 @@ import { SyntaxHighlightedSearchQuery } from './SyntaxHighlightedSearchQuery'
 
 const config: Meta = {
     title: 'branded/search-ui/SyntaxHighlightedSearchQuery',
-    parameters: {
-        chromatic: { viewports: [480] },
-    },
+    parameters: {},
 }
 
 export default config
diff --git a/client/branded/src/search-ui/input/BaseCodeMirrorQueryInput.story.tsx b/client/branded/src/search-ui/input/BaseCodeMirrorQueryInput.story.tsx
index 9567282edcc..0c82d0e27fc 100644
--- a/client/branded/src/search-ui/input/BaseCodeMirrorQueryInput.story.tsx
+++ b/client/branded/src/search-ui/input/BaseCodeMirrorQueryInput.story.tsx
@@ -10,9 +10,7 @@ import { BaseCodeMirrorQueryInput, type BaseCodeMirrorQueryInputProps } from './
 
 const config: Meta = {
     title: 'branded/search-ui/input/BaseCodeMirrorQueryInput',
-    parameters: {
-        chromatic: { viewports: [500] },
-    },
+    parameters: {},
 }
 
 export default config
diff --git a/client/branded/src/search-ui/input/SearchBox.story.tsx b/client/branded/src/search-ui/input/SearchBox.story.tsx
index 6becaea6b88..5afdba33218 100644
--- a/client/branded/src/search-ui/input/SearchBox.story.tsx
+++ b/client/branded/src/search-ui/input/SearchBox.story.tsx
@@ -16,9 +16,7 @@ import { SearchBox, type SearchBoxProps } from './SearchBox'
 
 const config: Meta = {
     title: 'branded/search-ui/input/SearchBox',
-    parameters: {
-        chromatic: { viewports: [575, 700], disableSnapshot: false },
-    },
+    parameters: {},
 }
 
 export default config
diff --git a/client/branded/src/search-ui/input/SearchContextMenu.story.tsx b/client/branded/src/search-ui/input/SearchContextMenu.story.tsx
index f5a6de5950c..1f39ad30d84 100644
--- a/client/branded/src/search-ui/input/SearchContextMenu.story.tsx
+++ b/client/branded/src/search-ui/input/SearchContextMenu.story.tsx
@@ -22,7 +22,6 @@ const decorator: Decorator = story => (
 const config: Meta = {
     title: 'branded/search-ui/input/SearchContextMenu',
     parameters: {
-        chromatic: { viewports: [500], disableSnapshot: false },
         design: {
             type: 'figma',
             url: 'https://www.figma.com/file/4Fy9rURbfF2bsl4BvYunUO/RFC-261-Search-Contexts?node-id=581%3A4754',
diff --git a/client/branded/src/search-ui/input/SearchContextMenuItem.story.tsx b/client/branded/src/search-ui/input/SearchContextMenuItem.story.tsx
index 9abdd30fc07..25461a22e70 100644
--- a/client/branded/src/search-ui/input/SearchContextMenuItem.story.tsx
+++ b/client/branded/src/search-ui/input/SearchContextMenuItem.story.tsx
@@ -13,9 +13,7 @@ const decorator: Decorator = story => (
 
 const config: Meta = {
     title: 'branded/search-ui/input/SearchContextMenuItem',
-    parameters: {
-        chromatic: { viewports: [1200], disableSnapshot: false },
-    },
+    parameters: {},
     decorators: [decorator],
 }
 
diff --git a/client/branded/src/search-ui/results/filters/NewSearchFilters.story.tsx b/client/branded/src/search-ui/results/filters/NewSearchFilters.story.tsx
index 7ebdd4450ac..f6b06b0b0c6 100644
--- a/client/branded/src/search-ui/results/filters/NewSearchFilters.story.tsx
+++ b/client/branded/src/search-ui/results/filters/NewSearchFilters.story.tsx
@@ -11,9 +11,7 @@ const decorator: Decorator = story => <BrandedStory>{props => story()}</BrandedS
 const config: Meta = {
     title: 'branded/search-ui/filters',
     decorators: [decorator],
-    parameters: {
-        chromatic: { viewports: [575, 700] },
-    },
+    parameters: {},
 }
 
 export default config
diff --git a/client/branded/src/search-ui/results/progress/StreamingProgress.story.tsx b/client/branded/src/search-ui/results/progress/StreamingProgress.story.tsx
index 03b0cbb88f2..8427a617e36 100644
--- a/client/branded/src/search-ui/results/progress/StreamingProgress.story.tsx
+++ b/client/branded/src/search-ui/results/progress/StreamingProgress.story.tsx
@@ -15,7 +15,6 @@ const config: Meta = {
             type: 'figma',
             url: 'https://www.figma.com/file/IyiXZIbPHK447NCXov0AvK/13928-Streaming-search?node-id=280%3A17768',
         },
-        chromatic: { viewports: [1200], disableSnapshot: false },
     },
 }
 
diff --git a/client/branded/src/search-ui/results/progress/StreamingProgressSkippedPopover.story.tsx b/client/branded/src/search-ui/results/progress/StreamingProgressSkippedPopover.story.tsx
index 960327786a1..04f90efe171 100644
--- a/client/branded/src/search-ui/results/progress/StreamingProgressSkippedPopover.story.tsx
+++ b/client/branded/src/search-ui/results/progress/StreamingProgressSkippedPopover.story.tsx
@@ -14,7 +14,6 @@ const config: Meta = {
             type: 'figma',
             url: 'https://www.figma.com/file/IyiXZIbPHK447NCXov0AvK/13928-Streaming-search?node-id=280%3A17768',
         },
-        chromatic: { viewports: [350], disableSnapshot: false },
     },
 }
 
diff --git a/client/browser/src/browser-extension/after-install-page/AfterInstallPageContent.story.tsx b/client/browser/src/browser-extension/after-install-page/AfterInstallPageContent.story.tsx
index 736532786d1..b6eec35472e 100644
--- a/client/browser/src/browser-extension/after-install-page/AfterInstallPageContent.story.tsx
+++ b/client/browser/src/browser-extension/after-install-page/AfterInstallPageContent.story.tsx
@@ -8,12 +8,7 @@ import brandedStyles from '../../branded.scss'
 
 const config: Meta = {
     title: 'browser/AfterInstallPage',
-    parameters: {
-        chromatic: {
-            enableDarkMode: true,
-            disableSnapshot: false,
-        },
-    },
+    parameters: {},
 }
 
 export default config
diff --git a/client/browser/src/browser-extension/options-menu/OptionsPage.story.tsx b/client/browser/src/browser-extension/options-menu/OptionsPage.story.tsx
index 78a9f07a01b..09a4c1cc042 100644
--- a/client/browser/src/browser-extension/options-menu/OptionsPage.story.tsx
+++ b/client/browser/src/browser-extension/options-menu/OptionsPage.story.tsx
@@ -162,10 +162,3 @@ AllOptionsPages.args = {
     version: '0.0.0',
     showSourcegraphComAlert: false,
 }
-
-AllOptionsPages.parameters = {
-    chromatic: {
-        enableDarkMode: true,
-        disableSnapshot: false,
-    },
-}
diff --git a/client/browser/src/shared/components/HoverOverlay.story.tsx b/client/browser/src/shared/components/HoverOverlay.story.tsx
index 1b65bdcd94c..61227289e14 100644
--- a/client/browser/src/shared/components/HoverOverlay.story.tsx
+++ b/client/browser/src/shared/components/HoverOverlay.story.tsx
@@ -28,12 +28,7 @@ const config: Meta = {
     // it uses the browser extension styles and bitbucket CSS module styles.
     title: 'shared/HoverOverlay',
     decorators: [decorator],
-    parameters: {
-        chromatic: {
-            enableDarkMode: true,
-            disableSnapshot: false,
-        },
-    },
+    parameters: {},
 }
 
 export default config
diff --git a/client/jetbrains/webview/src/search/input/JetBrainsSearchBox.story.tsx b/client/jetbrains/webview/src/search/input/JetBrainsSearchBox.story.tsx
index 4a2ba3ec8e0..721c2fc5cce 100644
--- a/client/jetbrains/webview/src/search/input/JetBrainsSearchBox.story.tsx
+++ b/client/jetbrains/webview/src/search/input/JetBrainsSearchBox.story.tsx
@@ -86,9 +86,3 @@ export const JetBrainsSearchBoxStory: StoryFn = () => {
         </WildcardThemeContext.Provider>
     )
 }
-
-JetBrainsSearchBoxStory.parameters = {
-    chromatic: {
-        disableSnapshot: false,
-    },
-}
diff --git a/client/jetbrains/webview/src/search/results/SearchResultList.story.tsx b/client/jetbrains/webview/src/search/results/SearchResultList.story.tsx
index 56013044c64..4a3138f939c 100644
--- a/client/jetbrains/webview/src/search/results/SearchResultList.story.tsx
+++ b/client/jetbrains/webview/src/search/results/SearchResultList.story.tsx
@@ -123,9 +123,3 @@ export const JetBrainsSearchResultListStory: StoryFn = () => {
         </div>
     )
 }
-
-JetBrainsSearchResultListStory.parameters = {
-    chromatic: {
-        disableSnapshot: false,
-    },
-}
diff --git a/client/shared/src/actions/ActionItem.story.tsx b/client/shared/src/actions/ActionItem.story.tsx
index 48fa8b1b33e..716fc565024 100644
--- a/client/shared/src/actions/ActionItem.story.tsx
+++ b/client/shared/src/actions/ActionItem.story.tsx
@@ -63,12 +63,6 @@ export const CommandAction: StoryFn = () => (
 )
 
 CommandAction.storyName = 'Command action'
-CommandAction.parameters = {
-    chromatic: {
-        enableDarkMode: true,
-        disableSnapshot: false,
-    },
-}
 
 export const LinkAction: StoryFn = () => (
     <ActionItem
diff --git a/client/shared/src/symbols/SymbolTag.story.tsx b/client/shared/src/symbols/SymbolTag.story.tsx
index 1faa0eb8af1..f8df2b315f4 100644
--- a/client/shared/src/symbols/SymbolTag.story.tsx
+++ b/client/shared/src/symbols/SymbolTag.story.tsx
@@ -10,9 +10,7 @@ const decorator: Decorator = story => <div className="p-3 container">{story()}</
 
 const config: Meta = {
     title: 'shared/SymbolTag',
-    parameters: {
-        chromatic: { disableSnapshots: false },
-    },
+    parameters: {},
     decorators: [decorator],
 }
 
diff --git a/client/storybook/BUILD.bazel b/client/storybook/BUILD.bazel
index 685b3f2def6..c2384d1a74b 100644
--- a/client/storybook/BUILD.bazel
+++ b/client/storybook/BUILD.bazel
@@ -1,6 +1,5 @@
 load("@npm//:defs.bzl", "npm_link_all_packages")
-load("//dev:defs.bzl", "npm_package", "sass", "ts_project")
-load("//client/shared/dev:tools.bzl", "module_style_typings")
+load("//dev:defs.bzl", "npm_package", "ts_project")
 load("//dev:eslint.bzl", "eslint_config_and_lint_root")
 
 # gazelle:js_resolve **/*.module.scss :module_style_typings
@@ -25,23 +24,10 @@ ts_config(
     ],
 )
 
-module_style_typings(
-    name = "module_style_typings",
-)
-
-sass(
-    name = "module_styles",
-    srcs = glob(["src/**/*.module.scss"]),
-)
-
 ts_project(
     name = "storybook_lib",
     srcs = [
         "globals.d.ts",
-        "src/decorators/withChromaticThemes/ChromaticRoot/ChromaticRoot.tsx",
-        "src/decorators/withChromaticThemes/ChromaticRoot/index.ts",
-        "src/decorators/withChromaticThemes/index.ts",
-        "src/decorators/withChromaticThemes/withChromaticThemes.tsx",
         "src/dummyEventSourcePolyfill.ts",
         "src/environment-config.ts",
         "src/main.ts",
@@ -50,7 +36,6 @@ ts_project(
     ],
     tsconfig = ":tsconfig",
     deps = [
-        ":module_style_typings",
         ":node_modules/@sourcegraph/build-config",
         ":node_modules/@sourcegraph/wildcard",
         "//:node_modules/@storybook/addon-actions",
@@ -60,14 +45,11 @@ ts_project(
         "//:node_modules/@storybook/react-vite",
         "//:node_modules/@storybook/theming",
         "//:node_modules/@storybook/types",
-        "//:node_modules/@types/classnames",
         "//:node_modules/@types/node",
         "//:node_modules/@types/react",
-        "//:node_modules/classnames",
         "//:node_modules/focus-visible",
         "//:node_modules/open-color",
         "//:node_modules/react",
-        "//:node_modules/vite-plugin-turbosnap",
     ],
 )
 
@@ -75,7 +57,6 @@ npm_package(
     name = "storybook_pkg",
     srcs = [
         "package.json",
-        ":module_styles",  #keep
         ":storybook_lib",
     ],
 )
diff --git a/client/storybook/package.json b/client/storybook/package.json
index 98bf73b8843..0a7c88bc77d 100644
--- a/client/storybook/package.json
+++ b/client/storybook/package.json
@@ -9,7 +9,6 @@
   "scripts": {
     "lint:js": "eslint --cache 'src/**/*.[jt]s?(x)'",
     "start": "TS_NODE_TRANSPILE_ONLY=true sb dev -p 9001 -c ./src",
-    "start:chromatic": "CHROMATIC=true TS_NODE_TRANSPILE_ONLY=true sb dev -p 9001 -c ./src",
     "build": "TS_NODE_TRANSPILE_ONLY=true sb build -c ./src",
     "test": "echo no tests"
   },
diff --git a/client/storybook/src/decorators/withChromaticThemes/ChromaticRoot/ChromaticRoot.module.scss b/client/storybook/src/decorators/withChromaticThemes/ChromaticRoot/ChromaticRoot.module.scss
deleted file mode 100644
index 4408c2c0942..00000000000
--- a/client/storybook/src/decorators/withChromaticThemes/ChromaticRoot/ChromaticRoot.module.scss
+++ /dev/null
@@ -1,7 +0,0 @@
-.theme-wrapper {
-    padding: 1rem;
-    color: var(--body-color);
-    background-color: var(--body-bg);
-    position: relative;
-    min-height: 50vh;
-}
diff --git a/client/storybook/src/decorators/withChromaticThemes/ChromaticRoot/ChromaticRoot.tsx b/client/storybook/src/decorators/withChromaticThemes/ChromaticRoot/ChromaticRoot.tsx
deleted file mode 100644
index b0e09e249a1..00000000000
--- a/client/storybook/src/decorators/withChromaticThemes/ChromaticRoot/ChromaticRoot.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import { type FunctionComponent, type PropsWithChildren, useState } from 'react'
-
-import classNames from 'classnames'
-
-import { PopoverRoot } from '@sourcegraph/wildcard'
-import { ChromaticThemeContext, type ChromaticTheme } from '@sourcegraph/wildcard/src/stories'
-
-import styles from './ChromaticRoot.module.scss'
-
-interface ChromaticRootProps extends ChromaticTheme {}
-
-export const ChromaticRoot: FunctionComponent<PropsWithChildren<ChromaticRootProps>> = props => {
-    const { theme, children } = props
-
-    const [rootReference, setElement] = useState<HTMLDivElement | null>(null)
-    const themeClass = theme === 'light' ? 'theme-light' : 'theme-dark'
-
-    return (
-        <ChromaticThemeContext.Provider value={{ theme }}>
-            {/* Required to render `Popover` inside of the `ChromaticRoot` component. */}
-            <PopoverRoot.Provider value={{ renderRoot: rootReference }}>
-                <div className={classNames(themeClass, styles.themeWrapper)}>
-                    {children}
-
-                    <div ref={setElement} />
-                </div>
-            </PopoverRoot.Provider>
-        </ChromaticThemeContext.Provider>
-    )
-}
diff --git a/client/storybook/src/decorators/withChromaticThemes/ChromaticRoot/index.ts b/client/storybook/src/decorators/withChromaticThemes/ChromaticRoot/index.ts
deleted file mode 100644
index 1b269a8aecf..00000000000
--- a/client/storybook/src/decorators/withChromaticThemes/ChromaticRoot/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './ChromaticRoot'
diff --git a/client/storybook/src/decorators/withChromaticThemes/index.ts b/client/storybook/src/decorators/withChromaticThemes/index.ts
deleted file mode 100644
index 63a7d1f940d..00000000000
--- a/client/storybook/src/decorators/withChromaticThemes/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './withChromaticThemes'
diff --git a/client/storybook/src/decorators/withChromaticThemes/withChromaticThemes.tsx b/client/storybook/src/decorators/withChromaticThemes/withChromaticThemes.tsx
deleted file mode 100644
index fb82bb917e3..00000000000
--- a/client/storybook/src/decorators/withChromaticThemes/withChromaticThemes.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import type { ReactElement } from 'react'
-
-import type { Decorator } from '@storybook/react'
-
-import { ChromaticRoot } from './ChromaticRoot'
-
-/**
- * The global Storybook decorator used to snapshot stories with multiple themes in Chromatic.
- *
- * It's a recommended way of achieving this goal:
- * https://www.chromatic.com/docs/faq#do-you-support-taking-snapshots-of-a-component-with-multiple-the
- *
- * If the `chromatic.enableDarkMode` story parameter is set to `true`, the story will
- * be rendered twice in Chromatic — in light and dark modes.
- */
-export const withChromaticThemes: Decorator<ReactElement> = (StoryFunc, { parameters }) => {
-    if (parameters?.chromatic?.enableDarkMode) {
-        return (
-            <>
-                <ChromaticRoot theme="light">
-                    <StoryFunc />
-                </ChromaticRoot>
-
-                <ChromaticRoot theme="dark">
-                    <StoryFunc />
-                </ChromaticRoot>
-            </>
-        )
-    }
-
-    return <StoryFunc />
-}
diff --git a/client/storybook/src/environment-config.ts b/client/storybook/src/environment-config.ts
index 6293146e512..ddfda8118bb 100644
--- a/client/storybook/src/environment-config.ts
+++ b/client/storybook/src/environment-config.ts
@@ -1,6 +1,3 @@
-import { getEnvironmentBoolean } from '@sourcegraph/build-config'
-
 export const ENVIRONMENT_CONFIG = {
     STORIES_GLOB: process.env.STORIES_GLOB,
-    CHROMATIC: getEnvironmentBoolean('CHROMATIC'),
 }
diff --git a/client/storybook/src/main.ts b/client/storybook/src/main.ts
index 99decd25cf6..85d7c49887d 100644
--- a/client/storybook/src/main.ts
+++ b/client/storybook/src/main.ts
@@ -3,9 +3,8 @@ import path from 'path'
 import type { StorybookConfigVite } from '@storybook/builder-vite'
 import type { StorybookConfig as ReactViteStorybookConfig } from '@storybook/react-vite'
 import type { StorybookConfig } from '@storybook/types'
-import turbosnap from 'vite-plugin-turbosnap'
 
-import { ROOT_PATH, STATIC_ASSETS_PATH, getEnvironmentBoolean } from '@sourcegraph/build-config'
+import { ROOT_PATH, STATIC_ASSETS_PATH } from '@sourcegraph/build-config'
 
 import { ENVIRONMENT_CONFIG } from './environment-config'
 
@@ -26,12 +25,7 @@ const getStoriesGlob = (): string[] => {
 }
 
 const config: StorybookConfig & StorybookConfigVite & ReactViteStorybookConfig = {
-    // TODO: This has to be an object and not a string for now due to a bug in Chromatic
-    // that would cause the builder to not be identified correctly.
-    framework: {
-        name: '@storybook/react-vite',
-        options: {},
-    },
+    framework: '@storybook/react-vite',
     staticDirs: [path.resolve(__dirname, '../assets'), STATIC_ASSETS_PATH],
     stories: getStoriesGlob(),
 
@@ -56,15 +50,6 @@ const config: StorybookConfig & StorybookConfigVite & ReactViteStorybookConfig =
     },
 
     viteFinal: (config, { configType }) => {
-        const isChromatic = getEnvironmentBoolean('CHROMATIC')
-        config.define = { ...config.define, 'process.env.CHROMATIC': isChromatic }
-        if (isChromatic && configType === 'PRODUCTION') {
-            // eslint-disable-next-line no-console
-            console.log('Using TurboSnap plugin!')
-            config.plugins = config.plugins ?? []
-            config.plugins.push(turbosnap({ rootDir: config.root ?? ROOT_PATH }))
-        }
-
         config.build = {
             ...config.build,
             minify: false,
@@ -114,23 +99,4 @@ const config: StorybookConfig & StorybookConfigVite & ReactViteStorybookConfig =
     },
 }
 
-// TODO: We need to replace the @storybook/addon-storysource plugin with an object
-// definition to supply options here because chromatic CLI does not properly understand
-// the configured addons otherwise.
-const idx = config.addons?.findIndex(addon => addon === '@storybook/addon-storysource')
-if (idx !== undefined && idx >= 0) {
-    config.addons![idx] = {
-        name: '@storybook/addon-storysource',
-        options: {
-            rule: {
-                test: /\.story\.tsx?$/,
-            },
-            sourceLoaderOptions: {
-                injectStoryParameters: false,
-                prettierConfig: { printWidth: 80, singleQuote: false },
-            },
-        },
-    }
-}
-
 module.exports = config
diff --git a/client/storybook/src/preview.ts b/client/storybook/src/preview.ts
index c96706cea19..420e8e83ea1 100644
--- a/client/storybook/src/preview.ts
+++ b/client/storybook/src/preview.ts
@@ -7,14 +7,12 @@ import { withConsole } from '@storybook/addon-console'
 import type { DecoratorFn, Parameters } from '@storybook/react'
 
 import { setLinkComponent, AnchorLink } from '@sourcegraph/wildcard'
-import { isChromatic } from '@sourcegraph/wildcard/src/stories'
 
-import { withChromaticThemes } from './decorators/withChromaticThemes'
 import { themeDark, themeLight, THEME_DARK_CLASS, THEME_LIGHT_CLASS } from './themes'
 
 const withConsoleDecorator: DecoratorFn = (storyFunc, context): ReactElement => withConsole()(storyFunc)(context)
 
-export const decorators = [withConsoleDecorator, isChromatic() && withChromaticThemes].filter(Boolean)
+export const decorators = [withConsoleDecorator].filter(Boolean)
 
 export const parameters: Parameters = {
     layout: 'fullscreen',
@@ -31,36 +29,12 @@ export const parameters: Parameters = {
         light: themeLight,
         dark: themeDark,
     },
-    // disables snapshotting for all stories by default
-    chromatic: { disableSnapshot: true },
 }
 
 configureActions({ depth: 100, limit: 20 })
 
 setLinkComponent(AnchorLink)
 
-// Default to light theme for Chromatic and "Open canvas in new tab" button.
-// addon-dark-mode will override this if it's running.
-if (!document.body.classList.contains('theme-dark')) {
-    document.body.classList.add('theme-light')
-}
-
-// Default to light theme for Chromatic and "Open canvas in new tab" button.
-// addon-dark-mode will override this if it's running.
-if (!document.body.classList.contains('theme-dark')) {
-    document.body.classList.add('theme-light')
-}
-
-if (isChromatic()) {
-    const style = document.createElement('style')
-    style.innerHTML = `
-      .monaco-editor .cursor {
-        visibility: hidden !important;
-      }
-    `
-    document.head.append(style)
-}
-
 declare global {
     interface Window {
         STORYBOOK_ENV?: string
diff --git a/client/web/src/auth/CloudSignUpPage.story.tsx b/client/web/src/auth/CloudSignUpPage.story.tsx
index 35bab52b88e..ed9944d4547 100644
--- a/client/web/src/auth/CloudSignUpPage.story.tsx
+++ b/client/web/src/auth/CloudSignUpPage.story.tsx
@@ -11,9 +11,7 @@ import { CloudSignUpPage } from './CloudSignUpPage'
 
 const config: Meta = {
     title: 'web/auth/CloudSignUpPage',
-    parameters: {
-        chromatic: { disableSnapshot: false },
-    },
+    parameters: {},
 }
 
 export default config
diff --git a/client/web/src/auth/RequestAccessPage.story.tsx b/client/web/src/auth/RequestAccessPage.story.tsx
index 0092e67a049..9a37892435a 100644
--- a/client/web/src/auth/RequestAccessPage.story.tsx
+++ b/client/web/src/auth/RequestAccessPage.story.tsx
@@ -8,9 +8,7 @@ import { RequestAccessPage } from './RequestAccessPage'
 
 const config: Meta = {
     title: 'web/auth/RequestAccessPage',
-    parameters: {
-        chromatic: { disableSnapshot: false },
-    },
+    parameters: {},
 }
 
 export default config
diff --git a/client/web/src/auth/ResetPasswordPage.story.tsx b/client/web/src/auth/ResetPasswordPage.story.tsx
index 8c3188875bc..e4e41db637d 100644
--- a/client/web/src/auth/ResetPasswordPage.story.tsx
+++ b/client/web/src/auth/ResetPasswordPage.story.tsx
@@ -9,9 +9,7 @@ import { ResetPasswordPage } from './ResetPasswordPage'
 
 const config: Meta = {
     title: 'web/auth/ResetPasswordPage',
-    parameters: {
-        chromatic: { disableSnapshot: false },
-    },
+    parameters: {},
 }
 
 export default config
diff --git a/client/web/src/auth/SignInPage.story.tsx b/client/web/src/auth/SignInPage.story.tsx
index dc7843ca270..3a58a71607a 100644
--- a/client/web/src/auth/SignInPage.story.tsx
+++ b/client/web/src/auth/SignInPage.story.tsx
@@ -9,9 +9,7 @@ import { SignInPage, type SignInPageProps } from './SignInPage'
 
 const config: Meta = {
     title: 'web/auth/SignInPage',
-    parameters: {
-        chromatic: { disableSnapshot: false },
-    },
+    parameters: {},
 }
 
 export default config
diff --git a/client/web/src/auth/SignUpPage.story.tsx b/client/web/src/auth/SignUpPage.story.tsx
index fbed9d08fd7..b47ae1a84ab 100644
--- a/client/web/src/auth/SignUpPage.story.tsx
+++ b/client/web/src/auth/SignUpPage.story.tsx
@@ -10,9 +10,7 @@ import { SignUpPage } from './SignUpPage'
 
 const config: Meta = {
     title: 'web/auth/SignUpPage',
-    parameters: {
-        chromatic: { disableSnapshot: false },
-    },
+    parameters: {},
 }
 
 export default config
diff --git a/client/web/src/auth/UnlockAccount.story.tsx b/client/web/src/auth/UnlockAccount.story.tsx
index 5328f488d94..2c9f237f8a2 100644
--- a/client/web/src/auth/UnlockAccount.story.tsx
+++ b/client/web/src/auth/UnlockAccount.story.tsx
@@ -9,9 +9,7 @@ import { UnlockAccountPage } from './UnlockAccount'
 
 const config: Meta = {
     title: 'web/auth/UnlockAccountPage',
-    parameters: {
-        chromatic: { disableSnapshot: false },
-    },
+    parameters: {},
 }
 
 export default config
diff --git a/client/web/src/auth/VsCodeSignUpPage.story.tsx b/client/web/src/auth/VsCodeSignUpPage.story.tsx
index 6375a4ad9e9..337be445527 100644
--- a/client/web/src/auth/VsCodeSignUpPage.story.tsx
+++ b/client/web/src/auth/VsCodeSignUpPage.story.tsx
@@ -9,9 +9,7 @@ import { VsCodeSignUpPage, type VsCodeSignUpPageProps } from './VsCodeSignUpPage
 
 const config: Meta = {
     title: 'web/auth/VsCodeSignUpPage',
-    parameters: {
-        chromatic: { disableSnapshot: false },
-    },
+    parameters: {},
 }
 
 export default config
diff --git a/client/web/src/codeintel/ReferencesPanel.story.tsx b/client/web/src/codeintel/ReferencesPanel.story.tsx
index 2484e7b5ade..1d04c6d54fa 100644
--- a/client/web/src/codeintel/ReferencesPanel.story.tsx
+++ b/client/web/src/codeintel/ReferencesPanel.story.tsx
@@ -14,9 +14,6 @@ const config: Meta = {
 
     parameters: {
         component: ReferencesPanel,
-        chromatic: {
-            disableSnapshot: false,
-        },
     },
 }
 
diff --git a/client/web/src/communitySearchContexts/CommunitySearchContextPage.story.tsx b/client/web/src/communitySearchContexts/CommunitySearchContextPage.story.tsx
index 582b5e8d3ca..321e63243d4 100644
--- a/client/web/src/communitySearchContexts/CommunitySearchContextPage.story.tsx
+++ b/client/web/src/communitySearchContexts/CommunitySearchContextPage.story.tsx
@@ -27,7 +27,6 @@ const config: Meta = {
             type: 'figma',
             url: 'https://www.figma.com/file/Xc4M24VTQq8itU0Lgb1Wwm/RFC-159-Visual-Design?node-id=66%3A611',
         },
-        chromatic: { viewports: [769, 1200] },
     },
 }
 
diff --git a/client/web/src/components/WebHoverOverlay/WebHoverOverlay.story.tsx b/client/web/src/components/WebHoverOverlay/WebHoverOverlay.story.tsx
index da6eb1f046e..71ee08153d9 100644
--- a/client/web/src/components/WebHoverOverlay/WebHoverOverlay.story.tsx
+++ b/client/web/src/components/WebHoverOverlay/WebHoverOverlay.story.tsx
@@ -31,10 +31,6 @@ const config: Meta = {
             type: 'figma',
             url: 'https://www.figma.com/file/NIsN34NH7lPu04olBzddTw/Design-Refresh-Systemization-source-of-truth?node-id=2877%3A35469',
         },
-        chromatic: {
-            enableDarkMode: true,
-            disableSnapshot: false,
-        },
     },
     decorators: [decorator],
 }
diff --git a/client/web/src/components/externalServices/AddExternalServicesPage.story.tsx b/client/web/src/components/externalServices/AddExternalServicesPage.story.tsx
index 8784fd330a7..6d690c217c8 100644
--- a/client/web/src/components/externalServices/AddExternalServicesPage.story.tsx
+++ b/client/web/src/components/externalServices/AddExternalServicesPage.story.tsx
@@ -13,12 +13,7 @@ const decorator: Decorator = story => <div className="p-3 container">{story()}</
 const config: Meta = {
     title: 'web/External services/AddExternalServicesPage',
     decorators: [decorator],
-    parameters: {
-        chromatic: {
-            // Delay screenshot taking, so Monaco has some time to get syntax highlighting prepared.
-            delay: 2000,
-        },
-    },
+    parameters: {},
 }
 
 export default config
diff --git a/client/web/src/components/externalServices/ExternalServiceEditPage.story.tsx b/client/web/src/components/externalServices/ExternalServiceEditPage.story.tsx
index a8e7a0cf3d0..0201dc56092 100644
--- a/client/web/src/components/externalServices/ExternalServiceEditPage.story.tsx
+++ b/client/web/src/components/externalServices/ExternalServiceEditPage.story.tsx
@@ -25,12 +25,7 @@ const decorator: Decorator = story => (
 
 const config: Meta = {
     title: 'web/External services/ExternalServiceEditPage',
-    parameters: {
-        chromatic: {
-            // Delay screenshot taking, so Monaco has some time to get syntax highlighting prepared.
-            delay: 2000,
-        },
-    },
+    parameters: {},
     decorators: [decorator],
 }
 
diff --git a/client/web/src/components/externalServices/ExternalServiceSyncJobNode.story.tsx b/client/web/src/components/externalServices/ExternalServiceSyncJobNode.story.tsx
index 2eb2f21bd3a..55567a3bd38 100644
--- a/client/web/src/components/externalServices/ExternalServiceSyncJobNode.story.tsx
+++ b/client/web/src/components/externalServices/ExternalServiceSyncJobNode.story.tsx
@@ -11,9 +11,7 @@ const decorator: Decorator = story => <WebStory>{() => <div className="p-3 conta
 const config: Meta = {
     title: 'web/External services/ExternalServiceSyncJobNode',
     decorators: [decorator],
-    parameters: {
-        chromatic: { disableSnapshot: false },
-    },
+    parameters: {},
 }
 
 export default config
diff --git a/client/web/src/components/fuzzyFinder/FuzzyFinder.story.tsx b/client/web/src/components/fuzzyFinder/FuzzyFinder.story.tsx
index b59e9deb5a8..494c200dd84 100644
--- a/client/web/src/components/fuzzyFinder/FuzzyFinder.story.tsx
+++ b/client/web/src/components/fuzzyFinder/FuzzyFinder.story.tsx
@@ -11,11 +11,7 @@ const decorator: Decorator = story => <WebStory>{() => story()}</WebStory>
 const config: Meta = {
     title: 'web/FuzzyFinder',
     decorators: [decorator],
-    parameters: {
-        chromatic: {
-            disableSnapshot: false,
-        },
-    },
+    parameters: {},
 }
 
 export default config
diff --git a/client/web/src/components/time/Duration.tsx b/client/web/src/components/time/Duration.tsx
index b1f6530ffd1..8671a1a9757 100644
--- a/client/web/src/components/time/Duration.tsx
+++ b/client/web/src/components/time/Duration.tsx
@@ -69,7 +69,7 @@ export const Duration: React.FunctionComponent<React.PropsWithChildren<DurationP
 
     return (
         <div
-            className={classNames('chromatic-ignore', { [styles.stableWidth]: stableWidth }, className)}
+            className={classNames({ [styles.stableWidth]: stableWidth }, className)}
             {...props}
             role={end === undefined ? 'timer' : undefined}
         >
diff --git a/client/web/src/enterprise/batches/BatchSpecsPage.story.tsx b/client/web/src/enterprise/batches/BatchSpecsPage.story.tsx
index bd740e025e4..4b0edc83399 100644
--- a/client/web/src/enterprise/batches/BatchSpecsPage.story.tsx
+++ b/client/web/src/enterprise/batches/BatchSpecsPage.story.tsx
@@ -15,12 +15,7 @@ const decorator: Decorator = story => <div className="p-3 container">{story()}</
 const config: Meta = {
     title: 'web/batches/settings/specs/BatchSpecsPage',
     decorators: [decorator],
-    parameters: {
-        chromatic: {
-            viewports: [320, 576, 978, 1440],
-            disableSnapshot: false,
-        },
-    },
+    parameters: {},
 }
 
 export default config
diff --git a/client/web/src/enterprise/batches/batch-spec/edit/editor/MonacoBatchSpecEditor.tsx b/client/web/src/enterprise/batches/batch-spec/edit/editor/MonacoBatchSpecEditor.tsx
index 04b2d5fa877..b7191c603b0 100644
--- a/client/web/src/enterprise/batches/batch-spec/edit/editor/MonacoBatchSpecEditor.tsx
+++ b/client/web/src/enterprise/batches/batch-spec/edit/editor/MonacoBatchSpecEditor.tsx
@@ -16,9 +16,9 @@ import { MonacoEditor } from '@sourcegraph/shared/src/components/MonacoEditor'
 import batchSpecSchemaJSON from '../../../../../../../../schema/batch_spec.schema.json'
 import { requestGraphQL } from '../../../../../backend/graphql'
 import type {
-    Scalars,
     BatchSpecExecutionAvailableSecretKeysResult,
     BatchSpecExecutionAvailableSecretKeysVariables,
+    Scalars,
 } from '../../../../../graphql-operations'
 
 import { BATCH_SPEC_EXECUTION_AVAILABLE_SECRET_KEYS } from './backend'
@@ -125,7 +125,7 @@ export class MonacoBatchSpecEditor extends React.PureComponent<Props, State> {
     public render(): JSX.Element | null {
         return (
             <MonacoEditor
-                className={classNames('chromatic-ignore', styles.editor, this.props.className)}
+                className={classNames(styles.editor, this.props.className)}
                 language="yaml"
                 height="auto"
                 isLightTheme={this.props.isLightTheme}
@@ -196,7 +196,7 @@ function setDiagnosticsOptions(editor: typeof monaco, batchChangeName: string, a
     const schema = cloneDeep(batchSpecSchemaJSON)
 
     // Temporarily remove the mount field from the schema, so it does not show up in the auto-suggestion.
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+
     // @ts-ignore
     delete schema.properties.steps.items.properties.mount
 
diff --git a/client/web/src/enterprise/batches/batch-spec/execute/ExecuteBatchSpecPage.story.tsx b/client/web/src/enterprise/batches/batch-spec/execute/ExecuteBatchSpecPage.story.tsx
index 71b297ab343..7e1c587bb99 100644
--- a/client/web/src/enterprise/batches/batch-spec/execute/ExecuteBatchSpecPage.story.tsx
+++ b/client/web/src/enterprise/batches/batch-spec/execute/ExecuteBatchSpecPage.story.tsx
@@ -1,5 +1,4 @@
 import type { Decorator, Meta, StoryFn } from '@storybook/react'
-import { addMinutes } from 'date-fns'
 import { of } from 'rxjs'
 import { MATCH_ANY_PARAMETERS, type MockedResponses, WildcardMockLink } from 'wildcard-mock-link'
 
@@ -45,12 +44,6 @@ const config: Meta = {
     title: 'web/batches/batch-spec/execute/ExecuteBatchSpecPage',
 
     decorators: [decorator],
-
-    parameters: {
-        chromatic: {
-            disableSnapshot: false,
-        },
-    },
 }
 
 export default config
@@ -107,21 +100,13 @@ const buildWorkspacesQuery =
     () =>
         of(mockWorkspaces(50, workspaceFields).node.workspaceResolution!.workspaces)
 
-// A true executing batch spec wouldn't have a finishedAt set, but we need to have one so
-// that Chromatic doesn't exhibit flakiness based on how long it takes to actually take
-// the snapshot, since the timer in ExecuteBatchSpecPage is live in that case.
-const EXECUTING_BATCH_SPEC_WITH_END_TIME = {
-    ...EXECUTING_BATCH_SPEC,
-    finishedAt: addMinutes(Date.parse(EXECUTING_BATCH_SPEC.startedAt!), 15).toISOString(),
-}
-
 export const Executing: StoryFn = () => (
     <WebStory
         path="/users/:username/batch-changes/:batchChangeName/executions/:batchSpecID/*"
         initialEntries={['/users/my-username/batch-changes/my-batch-change/executions/spec1234']}
     >
         {props => (
-            <MockedTestProvider link={new WildcardMockLink(buildMocks({ ...EXECUTING_BATCH_SPEC_WITH_END_TIME }))}>
+            <MockedTestProvider link={new WildcardMockLink(buildMocks({ ...EXECUTING_BATCH_SPEC }))}>
                 <ExecuteBatchSpecPage
                     {...props}
                     namespace={{ __typename: 'User', url: '', id: 'user1234' }}
@@ -134,22 +119,6 @@ export const Executing: StoryFn = () => (
     </WebStory>
 )
 
-// A true processing workspace wouldn't have a finishedAt set, but we need to have one so
-// that Chromatic doesn't exhibit flakiness based on how long it takes to actually take
-// the snapshot, since the timer in the workspace details section is live in that case.
-const PROCESSING_WORKSPACE_WITH_END_TIMES = {
-    ...PROCESSING_WORKSPACE,
-    finishedAt: addMinutes(Date.parse(PROCESSING_WORKSPACE.startedAt!), 15).toISOString(),
-    steps: [
-        PROCESSING_WORKSPACE.steps[0],
-        {
-            ...PROCESSING_WORKSPACE.steps[1],
-            startedAt: null,
-        },
-        PROCESSING_WORKSPACE.steps[2],
-    ],
-}
-
 export const ExecuteWithAWorkspaceSelected: StoryFn = () => (
     <WebStory
         path="/users/:username/batch-changes/:batchChangeName/executions/:batchSpecID/*"
@@ -161,13 +130,13 @@ export const ExecuteWithAWorkspaceSelected: StoryFn = () => (
             <MockedTestProvider
                 link={
                     new WildcardMockLink([
-                        ...buildMocks({ ...EXECUTING_BATCH_SPEC_WITH_END_TIME }),
+                        ...buildMocks({ ...EXECUTING_BATCH_SPEC }),
                         {
                             request: {
                                 query: getDocumentNode(BATCH_SPEC_WORKSPACE_BY_ID),
                                 variables: MATCH_ANY_PARAMETERS,
                             },
-                            result: { data: { node: PROCESSING_WORKSPACE_WITH_END_TIMES } },
+                            result: { data: { node: PROCESSING_WORKSPACE } },
                             nMatches: Number.POSITIVE_INFINITY,
                         },
                     ])
diff --git a/client/web/src/enterprise/batches/close/BatchChangeCloseAlert.story.tsx b/client/web/src/enterprise/batches/close/BatchChangeCloseAlert.story.tsx
index 20d1ae738ed..bccbd16d74c 100644
--- a/client/web/src/enterprise/batches/close/BatchChangeCloseAlert.story.tsx
+++ b/client/web/src/enterprise/batches/close/BatchChangeCloseAlert.story.tsx
@@ -10,11 +10,7 @@ const decorator: Decorator = story => <div className="p-3 container">{story()}</
 const config: Meta = {
     title: 'web/batches/close/BatchChangeCloseAlert',
     decorators: [decorator],
-    parameters: {
-        chromatic: {
-            viewports: [320, 576, 978, 1440],
-        },
-    },
+    parameters: {},
     argTypes: {
         viewerCanAdminister: {
             control: { type: 'boolean' },
diff --git a/client/web/src/enterprise/batches/close/BatchChangeClosePage.story.tsx b/client/web/src/enterprise/batches/close/BatchChangeClosePage.story.tsx
index 07246a731c6..8861f59d6b1 100644
--- a/client/web/src/enterprise/batches/close/BatchChangeClosePage.story.tsx
+++ b/client/web/src/enterprise/batches/close/BatchChangeClosePage.story.tsx
@@ -27,12 +27,7 @@ const decorator: Decorator = story => <div className="p-3 container">{story()}</
 const config: Meta = {
     title: 'web/batches/close/BatchChangeClosePage',
     decorators: [decorator],
-    parameters: {
-        chromatic: {
-            viewports: [320, 576, 978, 1440],
-            disableSnapshot: false,
-        },
-    },
+    parameters: {},
 }
 
 export default config
diff --git a/client/web/src/enterprise/batches/create/ConfigurationForm.story.tsx b/client/web/src/enterprise/batches/create/ConfigurationForm.story.tsx
index cc383172fd5..778c2b8fe94 100644
--- a/client/web/src/enterprise/batches/create/ConfigurationForm.story.tsx
+++ b/client/web/src/enterprise/batches/create/ConfigurationForm.story.tsx
@@ -15,11 +15,7 @@ const decorator: Decorator = story => <div className="p-3 container">{story()}</
 const config: Meta = {
     title: 'web/batches/create/ConfigurationForm',
     decorators: [decorator],
-    parameters: {
-        chromatic: {
-            disableSnapshot: false,
-        },
-    },
+    parameters: {},
 }
 
 export default config
diff --git a/client/web/src/enterprise/batches/create/CreateBatchChangePage.story.tsx b/client/web/src/enterprise/batches/create/CreateBatchChangePage.story.tsx
index cf5afd4edd7..f880a31fbf9 100644
--- a/client/web/src/enterprise/batches/create/CreateBatchChangePage.story.tsx
+++ b/client/web/src/enterprise/batches/create/CreateBatchChangePage.story.tsx
@@ -17,11 +17,7 @@ const decorator: Decorator = story => (
 const config: Meta = {
     title: 'web/batches/create/CreateBatchChangePage',
     decorators: [decorator],
-    parameters: {
-        chromatic: {
-            disableSnapshot: false,
-        },
-    },
+    parameters: {},
 }
 
 export default config
diff --git a/client/web/src/enterprise/batches/detail/BatchChangeDetailsPage.story.tsx b/client/web/src/enterprise/batches/detail/BatchChangeDetailsPage.story.tsx
index f541c23b74e..1040d0c92a9 100644
--- a/client/web/src/enterprise/batches/detail/BatchChangeDetailsPage.story.tsx
+++ b/client/web/src/enterprise/batches/detail/BatchChangeDetailsPage.story.tsx
@@ -37,10 +37,6 @@ const config: Meta<Args> = {
     title: 'web/batches/details/BatchChangeDetailsPage',
     decorators: [decorator],
     parameters: {
-        chromatic: {
-            viewports: [320, 576, 978, 1440],
-            disableSnapshot: false,
-        },
         controls: {
             exclude: ['url', 'supersededBatchSpec'],
         },
diff --git a/client/web/src/enterprise/batches/list/BatchChangeListPage.story.tsx b/client/web/src/enterprise/batches/list/BatchChangeListPage.story.tsx
index f556897ebb0..4f75bc01b65 100644
--- a/client/web/src/enterprise/batches/list/BatchChangeListPage.story.tsx
+++ b/client/web/src/enterprise/batches/list/BatchChangeListPage.story.tsx
@@ -30,12 +30,7 @@ const config: Meta = {
     title: 'web/batches/list/BatchChangeListPage',
     decorators: [decorator],
 
-    parameters: {
-        chromatic: {
-            viewports: [320, 576, 978, 1440],
-            disableSnapshot: false,
-        },
-    },
+    parameters: {},
 }
 
 export default config
diff --git a/client/web/src/enterprise/batches/list/BatchChangeNode.story.tsx b/client/web/src/enterprise/batches/list/BatchChangeNode.story.tsx
index e961d2ebdcf..f9e1a21b868 100644
--- a/client/web/src/enterprise/batches/list/BatchChangeNode.story.tsx
+++ b/client/web/src/enterprise/batches/list/BatchChangeNode.story.tsx
@@ -1,13 +1,10 @@
-import type { Meta, Decorator, StoryFn, StoryObj } from '@storybook/react'
+import type { Decorator, Meta, StoryFn, StoryObj } from '@storybook/react'
 import classNames from 'classnames'
-import { subDays } from 'date-fns'
-
-import { isChromatic } from '@sourcegraph/wildcard/src/stories'
 
 import { WebStory } from '../../../components/WebStory'
 
 import { BatchChangeNode } from './BatchChangeNode'
-import { nodes, now } from './testData'
+import { nodes } from './testData'
 
 import styles from './BatchChangeListPage.module.scss'
 
@@ -43,7 +40,6 @@ const Template: StoryFn /* <{ node: ListBatchChange }>*/ = ({ node, ...args }) =
                 {...props}
                 node={node}
                 displayNamespace={args.displayNamespace}
-                now={isChromatic() ? () => subDays(now, 5) : undefined}
                 isExecutionEnabled={false}
             />
         )}
diff --git a/client/web/src/enterprise/batches/list/BatchChangesChangelogAlert.tsx b/client/web/src/enterprise/batches/list/BatchChangesChangelogAlert.tsx
index 0a6bc2a1df4..4edd038f1e7 100644
--- a/client/web/src/enterprise/batches/list/BatchChangesChangelogAlert.tsx
+++ b/client/web/src/enterprise/batches/list/BatchChangesChangelogAlert.tsx
@@ -2,7 +2,7 @@ import React from 'react'
 
 import classNames from 'classnames'
 
-import { CardBody, Card, H3, H4, Link, Code, ProductStatusBadge } from '@sourcegraph/wildcard'
+import { Card, CardBody, Code, H3, H4, Link, ProductStatusBadge } from '@sourcegraph/wildcard'
 
 import { DismissibleAlert } from '../../../components/DismissibleAlert'
 
@@ -16,8 +16,7 @@ import styles from './BatchChangesListIntro.module.scss'
 const CURRENT_VERSION = '5.4'
 /**
  * SHOW_CHANGELOG has to be set to true when a changelog entry is added for a release.
- * After every release, this will be set back to `false`. Chromatic will also verify
- * changes to this variable via visual regression testing.
+ * After every release, this will be set back to `false`.
  */
 const SHOW_CHANGELOG = false
 
diff --git a/client/web/src/enterprise/batches/list/GettingStarted.story.tsx b/client/web/src/enterprise/batches/list/GettingStarted.story.tsx
index 974ebe91235..f7c7775c6ca 100644
--- a/client/web/src/enterprise/batches/list/GettingStarted.story.tsx
+++ b/client/web/src/enterprise/batches/list/GettingStarted.story.tsx
@@ -11,11 +11,7 @@ const decorator: Decorator = story => <div className="p-3 container">{story()}</
 const config: Meta = {
     title: 'web/batches/GettingStarted',
     decorators: [decorator],
-    parameters: {
-        chromatic: {
-            disableSnapshot: false,
-        },
-    },
+    parameters: {},
     argTypes: {
         isSourcegraphDotCom: {
             control: { type: 'boolean' },
diff --git a/client/web/src/enterprise/batches/preview/BatchChangePreviewPage.story.tsx b/client/web/src/enterprise/batches/preview/BatchChangePreviewPage.story.tsx
index 80371945fc5..126d1455dcc 100644
--- a/client/web/src/enterprise/batches/preview/BatchChangePreviewPage.story.tsx
+++ b/client/web/src/enterprise/batches/preview/BatchChangePreviewPage.story.tsx
@@ -29,12 +29,7 @@ const config: Meta = {
     title: 'web/batches/preview/BatchChangePreviewPage',
     decorators: [decorator],
 
-    parameters: {
-        chromatic: {
-            viewports: [320, 576, 978, 1440],
-            disableSnapshot: false,
-        },
-    },
+    parameters: {},
     argTypes: {
         supersedingBatchSpec: {
             control: { type: 'boolean' },
diff --git a/client/web/src/enterprise/batches/preview/CreateUpdateBatchChangeAlert.story.tsx b/client/web/src/enterprise/batches/preview/CreateUpdateBatchChangeAlert.story.tsx
index d1ded6a8e9b..a5f9d63f559 100644
--- a/client/web/src/enterprise/batches/preview/CreateUpdateBatchChangeAlert.story.tsx
+++ b/client/web/src/enterprise/batches/preview/CreateUpdateBatchChangeAlert.story.tsx
@@ -12,11 +12,7 @@ const decorator: Decorator = story => <div className="p-3 container">{story()}</
 const config: Meta = {
     title: 'web/batches/preview/CreateUpdateBatchChangeAlert',
     decorators: [decorator],
-    parameters: {
-        chromatic: {
-            viewports: [320, 576, 978, 1440],
-        },
-    },
+    parameters: {},
     argTypes: {
         viewerCanAdminister: {
             control: { type: 'boolean' },
diff --git a/client/web/src/enterprise/batches/preview/list/PreviewList.story.tsx b/client/web/src/enterprise/batches/preview/list/PreviewList.story.tsx
index 64ca355b02a..5081c259def 100644
--- a/client/web/src/enterprise/batches/preview/list/PreviewList.story.tsx
+++ b/client/web/src/enterprise/batches/preview/list/PreviewList.story.tsx
@@ -73,10 +73,4 @@ export const DefaultStory: StoryFn = args => {
     )
 }
 
-DefaultStory.parameters = {
-    chromatic: {
-        viewports: [320, 576, 978, 1440],
-    },
-}
-
 DefaultStory.storyName = 'default'
diff --git a/client/web/src/enterprise/batches/repo/BatchChangeRepoPage.story.tsx b/client/web/src/enterprise/batches/repo/BatchChangeRepoPage.story.tsx
index e6b70eb411e..5b3961c310a 100644
--- a/client/web/src/enterprise/batches/repo/BatchChangeRepoPage.story.tsx
+++ b/client/web/src/enterprise/batches/repo/BatchChangeRepoPage.story.tsx
@@ -96,12 +96,7 @@ const decorator: Decorator = story => <div className="p-3 container web-content"
 const config: Meta = {
     title: 'web/batches/repo/BatchChangeRepoPage',
     decorators: [decorator],
-    parameters: {
-        chromatic: {
-            viewports: [320, 576, 978, 1440],
-            disableSnapshot: false,
-        },
-    },
+    parameters: {},
 }
 
 export default config
diff --git a/client/web/src/enterprise/batches/settings/AddCredentialModal.story.tsx b/client/web/src/enterprise/batches/settings/AddCredentialModal.story.tsx
index 709c9b29d7a..55308e1b009 100644
--- a/client/web/src/enterprise/batches/settings/AddCredentialModal.story.tsx
+++ b/client/web/src/enterprise/batches/settings/AddCredentialModal.story.tsx
@@ -16,12 +16,7 @@ const decorator: Decorator = story => <div className="p-3 container">{story()}</
 const config: Meta = {
     title: 'web/batches/settings/AddCredentialModal',
     decorators: [decorator],
-    parameters: {
-        chromatic: {
-            // Delay screenshot taking, so the modal has opened by the time the screenshot is taken.
-            delay: 2000,
-        },
-    },
+    parameters: {},
 }
 
 const user = {
diff --git a/client/web/src/enterprise/batches/settings/RemoveCredentialModal.story.tsx b/client/web/src/enterprise/batches/settings/RemoveCredentialModal.story.tsx
index f110646490c..5aca79a7db7 100644
--- a/client/web/src/enterprise/batches/settings/RemoveCredentialModal.story.tsx
+++ b/client/web/src/enterprise/batches/settings/RemoveCredentialModal.story.tsx
@@ -12,12 +12,7 @@ const decorator: Decorator = story => <div className="p-3 container">{story()}</
 const config: Meta = {
     title: 'web/batches/settings/RemoveCredentialModal',
     decorators: [decorator],
-    parameters: {
-        chromatic: {
-            // Delay screenshot taking, so the modal has opened by the time the screenshot is taken.
-            delay: 2000,
-        },
-    },
+    parameters: {},
 }
 
 export default config
diff --git a/client/web/src/enterprise/batches/settings/ViewCredentialModal.story.tsx b/client/web/src/enterprise/batches/settings/ViewCredentialModal.story.tsx
index fdec8204361..dfc3d1cf925 100644
--- a/client/web/src/enterprise/batches/settings/ViewCredentialModal.story.tsx
+++ b/client/web/src/enterprise/batches/settings/ViewCredentialModal.story.tsx
@@ -43,10 +43,3 @@ export const View: StoryFn = () => (
         )}
     </WebStory>
 )
-
-View.parameters = {
-    chromatic: {
-        // Delay screenshot taking, so the modal has opened by the time the screenshot is taken.
-        delay: 2000,
-    },
-}
diff --git a/client/web/src/enterprise/code-monitoring/CodeMonitoringLogs.story.tsx b/client/web/src/enterprise/code-monitoring/CodeMonitoringLogs.story.tsx
index 2438094b07a..1fdfab699f1 100644
--- a/client/web/src/enterprise/code-monitoring/CodeMonitoringLogs.story.tsx
+++ b/client/web/src/enterprise/code-monitoring/CodeMonitoringLogs.story.tsx
@@ -15,11 +15,7 @@ const decorator: Decorator = story => <div className="p-3 container">{story()}</
 const config: Meta = {
     title: 'web/enterprise/code-monitoring/CodeMonitoringLogs',
     decorators: [decorator],
-    parameters: {
-        chromatic: {
-            disableSnapshot: false,
-        },
-    },
+    parameters: {},
 }
 
 const mockedResponse: MockedResponse[] = [
diff --git a/client/web/src/enterprise/code-monitoring/CodeMonitoringPage.story.tsx b/client/web/src/enterprise/code-monitoring/CodeMonitoringPage.story.tsx
index fbeb461a043..4827c9740ec 100644
--- a/client/web/src/enterprise/code-monitoring/CodeMonitoringPage.story.tsx
+++ b/client/web/src/enterprise/code-monitoring/CodeMonitoringPage.story.tsx
@@ -18,13 +18,7 @@ import { mockCodeMonitorNodes } from './testing/util'
 
 const config: Meta = {
     title: 'web/enterprise/code-monitoring/CodeMonitoringPage',
-    parameters: {
-        chromatic: {
-            // Delay screenshot taking, so <CodeMonitoringPage /> is ready to show content.
-            delay: 600,
-            disableSnapshot: false,
-        },
-    },
+    parameters: {},
 }
 
 export default config
diff --git a/client/web/src/enterprise/code-monitoring/CreateCodeMonitorPage.story.tsx b/client/web/src/enterprise/code-monitoring/CreateCodeMonitorPage.story.tsx
index 06b1b2cb0f5..495f0b6b22e 100644
--- a/client/web/src/enterprise/code-monitoring/CreateCodeMonitorPage.story.tsx
+++ b/client/web/src/enterprise/code-monitoring/CreateCodeMonitorPage.story.tsx
@@ -10,9 +10,7 @@ import { CreateCodeMonitorPage } from './CreateCodeMonitorPage'
 
 const config: Meta = {
     title: 'web/enterprise/code-monitoring/CreateCodeMonitorPage',
-    parameters: {
-        chromatic: { disableSnapshot: false },
-    },
+    parameters: {},
 }
 
 export default config
diff --git a/client/web/src/enterprise/code-monitoring/ManageCodeMonitorPage.story.tsx b/client/web/src/enterprise/code-monitoring/ManageCodeMonitorPage.story.tsx
index a694118a84d..6ee1cdd2eca 100644
--- a/client/web/src/enterprise/code-monitoring/ManageCodeMonitorPage.story.tsx
+++ b/client/web/src/enterprise/code-monitoring/ManageCodeMonitorPage.story.tsx
@@ -44,5 +44,4 @@ ManageCodeMonitorPageStory.parameters = {
         type: 'figma',
         url: 'https://www.figma.com/file/Krh7HoQi0GFxtO2k399ZQ6/RFC-227-%E2%80%93-Code-monitoring-actions-and-notifications?node-id=246%3A11',
     },
-    chromatic: { disableSnapshot: false },
 }
diff --git a/client/web/src/enterprise/code-monitoring/components/DeleteMonitorModal.story.tsx b/client/web/src/enterprise/code-monitoring/components/DeleteMonitorModal.story.tsx
index c550cb083c9..99ccb003d4e 100644
--- a/client/web/src/enterprise/code-monitoring/components/DeleteMonitorModal.story.tsx
+++ b/client/web/src/enterprise/code-monitoring/components/DeleteMonitorModal.story.tsx
@@ -10,9 +10,7 @@ import { DeleteMonitorModal } from './DeleteMonitorModal'
 
 const config: Meta = {
     title: 'web/enterprise/code-monitoring/DeleteMonitorModal',
-    parameters: {
-        chromatic: { disableSnapshot: false },
-    },
+    parameters: {},
 }
 
 export default config
diff --git a/client/web/src/enterprise/code-monitoring/components/FormTriggerArea.story.tsx b/client/web/src/enterprise/code-monitoring/components/FormTriggerArea.story.tsx
index b6488680556..c0547f905ca 100644
--- a/client/web/src/enterprise/code-monitoring/components/FormTriggerArea.story.tsx
+++ b/client/web/src/enterprise/code-monitoring/components/FormTriggerArea.story.tsx
@@ -16,11 +16,6 @@ const config: Meta = {
             type: 'Figma',
             url: 'https://www.figma.com/file/Krh7HoQi0GFxtO2k399ZQ6/RFC-227-%E2%80%93-Code-monitoring-actions-and-notifications?node-id=3891%3A41568',
         },
-        chromatic: {
-            delay: 600, // Delay screenshot for input validation debouncing
-            viewports: [720],
-            disableSnapshot: false,
-        },
     },
 }
 
diff --git a/client/web/src/enterprise/code-monitoring/components/actions/EmailAction.story.tsx b/client/web/src/enterprise/code-monitoring/components/actions/EmailAction.story.tsx
index b1cb5694567..a27eaaa5c6e 100644
--- a/client/web/src/enterprise/code-monitoring/components/actions/EmailAction.story.tsx
+++ b/client/web/src/enterprise/code-monitoring/components/actions/EmailAction.story.tsx
@@ -11,9 +11,7 @@ import { EmailAction } from './EmailAction'
 
 const config: Meta = {
     title: 'web/enterprise/code-monitoring/actions/EmailAction',
-    parameters: {
-        chromatic: { disableSnapshot: false },
-    },
+    parameters: {},
 }
 
 export default config
diff --git a/client/web/src/enterprise/code-monitoring/components/actions/SlackWebhookAction.story.tsx b/client/web/src/enterprise/code-monitoring/components/actions/SlackWebhookAction.story.tsx
index bd6ff7dc5a9..682a754b273 100644
--- a/client/web/src/enterprise/code-monitoring/components/actions/SlackWebhookAction.story.tsx
+++ b/client/web/src/enterprise/code-monitoring/components/actions/SlackWebhookAction.story.tsx
@@ -11,9 +11,7 @@ import { SlackWebhookAction } from './SlackWebhookAction'
 
 const config: Meta = {
     title: 'web/enterprise/code-monitoring/actions/SlackWebhookAction',
-    parameters: {
-        chromatic: { disableSnapshot: false },
-    },
+    parameters: {},
 }
 
 export default config
diff --git a/client/web/src/enterprise/code-monitoring/components/actions/WebhookAction.story.tsx b/client/web/src/enterprise/code-monitoring/components/actions/WebhookAction.story.tsx
index c7e448d5597..c44459b60a5 100644
--- a/client/web/src/enterprise/code-monitoring/components/actions/WebhookAction.story.tsx
+++ b/client/web/src/enterprise/code-monitoring/components/actions/WebhookAction.story.tsx
@@ -11,9 +11,7 @@ import { WebhookAction } from './WebhookAction'
 
 const config: Meta = {
     title: 'web/enterprise/code-monitoring/actions/WebhookAction',
-    parameters: {
-        chromatic: { disableSnapshot: false },
-    },
+    parameters: {},
 }
 
 export default config
diff --git a/client/web/src/enterprise/executors/secrets/AddSecretModal.story.tsx b/client/web/src/enterprise/executors/secrets/AddSecretModal.story.tsx
index e01457f1e86..cc5dd5c880e 100644
--- a/client/web/src/enterprise/executors/secrets/AddSecretModal.story.tsx
+++ b/client/web/src/enterprise/executors/secrets/AddSecretModal.story.tsx
@@ -11,12 +11,7 @@ const decorator: Decorator = story => <div className="p-3 container">{story()}</
 const config: Meta = {
     title: 'web/executors/secrets/AddSecretModal',
     decorators: [decorator],
-    parameters: {
-        chromatic: {
-            // Delay screenshot taking, so the modal has opened by the time the screenshot is taken.
-            delay: 2000,
-        },
-    },
+    parameters: {},
 }
 
 export default config
diff --git a/client/web/src/enterprise/executors/secrets/ExecutorSecretsListPage.story.tsx b/client/web/src/enterprise/executors/secrets/ExecutorSecretsListPage.story.tsx
index ba0e5c95389..bfa472290b8 100644
--- a/client/web/src/enterprise/executors/secrets/ExecutorSecretsListPage.story.tsx
+++ b/client/web/src/enterprise/executors/secrets/ExecutorSecretsListPage.story.tsx
@@ -21,12 +21,7 @@ const decorator: Decorator = story => <div className="p-3 container">{story()}</
 const config: Meta = {
     title: 'web/executors/secrets/ExecutorSecretsListPage',
     decorators: [decorator],
-    parameters: {
-        chromatic: {
-            enableDarkMode: true,
-            disableSnapshot: false,
-        },
-    },
+    parameters: {},
 }
 
 export default config
diff --git a/client/web/src/enterprise/executors/secrets/RemoveSecretModal.story.tsx b/client/web/src/enterprise/executors/secrets/RemoveSecretModal.story.tsx
index b23506a4111..18b37b435cc 100644
--- a/client/web/src/enterprise/executors/secrets/RemoveSecretModal.story.tsx
+++ b/client/web/src/enterprise/executors/secrets/RemoveSecretModal.story.tsx
@@ -14,12 +14,7 @@ const decorator: Decorator = story => <div className="p-3 container">{story()}</
 const config: Meta = {
     title: 'web/executors/secrets/RemoveSecretModal',
     decorators: [decorator],
-    parameters: {
-        chromatic: {
-            // Delay screenshot taking, so the modal has opened by the time the screenshot is taken.
-            delay: 2000,
-        },
-    },
+    parameters: {},
 }
 
 export default config
diff --git a/client/web/src/enterprise/executors/secrets/SecretAccessLogsModal.story.tsx b/client/web/src/enterprise/executors/secrets/SecretAccessLogsModal.story.tsx
index abe810a07d3..48d5934e7ee 100644
--- a/client/web/src/enterprise/executors/secrets/SecretAccessLogsModal.story.tsx
+++ b/client/web/src/enterprise/executors/secrets/SecretAccessLogsModal.story.tsx
@@ -17,12 +17,7 @@ const decorator: Decorator = story => <div className="p-3 container">{story()}</
 const config: Meta = {
     title: 'web/executors/secrets/SecretAccessLogsModal',
     decorators: [decorator],
-    parameters: {
-        chromatic: {
-            // Delay screenshot taking, so the modal has opened by the time the screenshot is taken.
-            delay: 2000,
-        },
-    },
+    parameters: {},
 }
 
 export default config
diff --git a/client/web/src/enterprise/executors/secrets/UpdateSecretModal.story.tsx b/client/web/src/enterprise/executors/secrets/UpdateSecretModal.story.tsx
index 3d34c99bc45..67e63cfd904 100644
--- a/client/web/src/enterprise/executors/secrets/UpdateSecretModal.story.tsx
+++ b/client/web/src/enterprise/executors/secrets/UpdateSecretModal.story.tsx
@@ -12,12 +12,7 @@ const decorator: Decorator = story => <div className="p-3 container">{story()}</
 const config: Meta = {
     title: 'web/executors/secrets/UpdateSecretModal',
     decorators: [decorator],
-    parameters: {
-        chromatic: {
-            // Delay screenshot taking, so the modal has opened by the time the screenshot is taken.
-            delay: 2000,
-        },
-    },
+    parameters: {},
 }
 
 export default config
diff --git a/client/web/src/enterprise/insights/components/insights-view-grid/SmartInsightsViewGrid.story.tsx b/client/web/src/enterprise/insights/components/insights-view-grid/SmartInsightsViewGrid.story.tsx
index 9b3cf3dce0a..faefc2557c6 100644
--- a/client/web/src/enterprise/insights/components/insights-view-grid/SmartInsightsViewGrid.story.tsx
+++ b/client/web/src/enterprise/insights/components/insights-view-grid/SmartInsightsViewGrid.story.tsx
@@ -20,12 +20,7 @@ import { SmartInsightsViewGrid } from './SmartInsightsViewGrid'
 const defaultStory: Meta = {
     title: 'web/insights/SmartInsightsViewGridExample',
     decorators: [story => <WebStory>{() => story()}</WebStory>],
-    parameters: {
-        chromatic: {
-            viewports: [576, 1440],
-            enableDarkMode: true,
-        },
-    },
+    parameters: {},
 }
 
 export default defaultStory
diff --git a/client/web/src/enterprise/insights/components/insights-view-grid/components/backend-insight/BackendInsight.story.tsx b/client/web/src/enterprise/insights/components/insights-view-grid/components/backend-insight/BackendInsight.story.tsx
index 30bad1f85ef..2dd47dcb378 100644
--- a/client/web/src/enterprise/insights/components/insights-view-grid/components/backend-insight/BackendInsight.story.tsx
+++ b/client/web/src/enterprise/insights/components/insights-view-grid/components/backend-insight/BackendInsight.story.tsx
@@ -24,11 +24,7 @@ import { BackendInsightView } from './BackendInsight'
 const defaultStory: Meta = {
     title: 'web/insights/BackendInsight',
     decorators: [story => <WebStory>{() => story()}</WebStory>],
-    parameters: {
-        chromatic: {
-            disableSnapshot: false,
-        },
-    },
+    parameters: {},
 }
 
 export default defaultStory
diff --git a/client/web/src/enterprise/insights/modals/GaConfirmationModal.tsx b/client/web/src/enterprise/insights/modals/GaConfirmationModal.tsx
index 29a5e48407a..80eb0492fde 100644
--- a/client/web/src/enterprise/insights/modals/GaConfirmationModal.tsx
+++ b/client/web/src/enterprise/insights/modals/GaConfirmationModal.tsx
@@ -1,7 +1,7 @@
 import type { FC } from 'react'
 
 import { useTemporarySetting } from '@sourcegraph/shared/src/settings/temporary/useTemporarySetting'
-import { Button, Modal, Link, H1, Text } from '@sourcegraph/wildcard'
+import { Button, H1, Link, Modal, Text } from '@sourcegraph/wildcard'
 
 import { useUiFeatures } from '../hooks'
 
@@ -36,8 +36,6 @@ interface GaConfirmationModalContentProps {
 
 /**
  * Renders Code Insights Ga modal content component.
- * Exported especially for storybook story component cause chromatic has a problem of rendering modals
- * on CI.
  */
 export const GaConfirmationModalContent: FC<GaConfirmationModalContentProps> = props => {
     const { onAccept } = props
diff --git a/client/web/src/enterprise/insights/pages/dashboards/creation/InsightsDashboardCreationPage.story.tsx b/client/web/src/enterprise/insights/pages/dashboards/creation/InsightsDashboardCreationPage.story.tsx
index c633162d50e..72b45eace65 100644
--- a/client/web/src/enterprise/insights/pages/dashboards/creation/InsightsDashboardCreationPage.story.tsx
+++ b/client/web/src/enterprise/insights/pages/dashboards/creation/InsightsDashboardCreationPage.story.tsx
@@ -15,12 +15,7 @@ import { InsightsDashboardCreationPage } from './InsightsDashboardCreationPage'
 const config: Meta = {
     title: 'web/insights/InsightsDashboardCreationPage',
     decorators: [story => <WebStory>{() => story()}</WebStory>],
-    parameters: {
-        chromatic: {
-            viewports: [576, 1440],
-            disableSnapshot: false,
-        },
-    },
+    parameters: {},
 }
 
 export default config
diff --git a/client/web/src/enterprise/insights/pages/dashboards/dashboard-view/components/dashboards-content/components/empty-insight-dashboard/EmptyInsightDashboard.story.tsx b/client/web/src/enterprise/insights/pages/dashboards/dashboard-view/components/dashboards-content/components/empty-insight-dashboard/EmptyInsightDashboard.story.tsx
index ce5ab3fc8e9..726eb8709d1 100644
--- a/client/web/src/enterprise/insights/pages/dashboards/dashboard-view/components/dashboards-content/components/empty-insight-dashboard/EmptyInsightDashboard.story.tsx
+++ b/client/web/src/enterprise/insights/pages/dashboards/dashboard-view/components/dashboards-content/components/empty-insight-dashboard/EmptyInsightDashboard.story.tsx
@@ -10,11 +10,7 @@ const decorator: Decorator = story => <WebStory>{() => story()}</WebStory>
 const config: Meta = {
     title: 'web/insights/EmptyInsightDashboard',
     decorators: [decorator],
-    parameters: {
-        chromatic: {
-            viewports: [576, 1440],
-        },
-    },
+    parameters: {},
 }
 
 export default config
diff --git a/client/web/src/enterprise/insights/pages/insights/creation/capture-group/CaptureGroupCreationPage.story.tsx b/client/web/src/enterprise/insights/pages/insights/creation/capture-group/CaptureGroupCreationPage.story.tsx
index ac63a85741b..c5f373f3469 100644
--- a/client/web/src/enterprise/insights/pages/insights/creation/capture-group/CaptureGroupCreationPage.story.tsx
+++ b/client/web/src/enterprise/insights/pages/insights/creation/capture-group/CaptureGroupCreationPage.story.tsx
@@ -12,12 +12,7 @@ import { CaptureGroupCreationPage as CaptureGroupCreationPageComponent } from '.
 const meta: Meta = {
     title: 'web/insights/creation-ui/capture-group/CaptureGroupCreationPage',
     decorators: [story => <WebStory>{() => <div className="p-3 container web-content">{story()}</div>}</WebStory>],
-    parameters: {
-        chromatic: {
-            viewports: [576, 1440],
-            disableSnapshot: false,
-        },
-    },
+    parameters: {},
 }
 
 export default meta
diff --git a/client/web/src/enterprise/insights/pages/insights/creation/compute/ComputeInsightCreationPage.story.tsx b/client/web/src/enterprise/insights/pages/insights/creation/compute/ComputeInsightCreationPage.story.tsx
index 4281767128e..3e3991ba3d1 100644
--- a/client/web/src/enterprise/insights/pages/insights/creation/compute/ComputeInsightCreationPage.story.tsx
+++ b/client/web/src/enterprise/insights/pages/insights/creation/compute/ComputeInsightCreationPage.story.tsx
@@ -13,12 +13,7 @@ import { ComputeInsightCreationPage as ComputeInsightCreationPageComponent } fro
 const defaultStory: Meta = {
     title: 'web/insights/creation-ui/compute/ComputeInsightCreationPage',
     decorators: [story => <WebStory>{() => story()}</WebStory>],
-    parameters: {
-        chromatic: {
-            viewports: [576, 1440],
-            disableSnapshot: false,
-        },
-    },
+    parameters: {},
 }
 
 export default defaultStory
diff --git a/client/web/src/enterprise/insights/pages/insights/creation/intro/IntroCreationPage.story.tsx b/client/web/src/enterprise/insights/pages/insights/creation/intro/IntroCreationPage.story.tsx
index fc3dffc7add..930b8f15f0d 100644
--- a/client/web/src/enterprise/insights/pages/insights/creation/intro/IntroCreationPage.story.tsx
+++ b/client/web/src/enterprise/insights/pages/insights/creation/intro/IntroCreationPage.story.tsx
@@ -12,12 +12,7 @@ import { IntroCreationPage } from './IntroCreationPage'
 const config: Meta = {
     title: 'web/insights/creation-ui/IntroPage',
     decorators: [story => <WebStory>{() => story()}</WebStory>],
-    parameters: {
-        chromatic: {
-            viewports: [576, 978, 1440],
-            disableSnapshot: false,
-        },
-    },
+    parameters: {},
 }
 
 export default config
diff --git a/client/web/src/enterprise/insights/pages/insights/creation/intro/cards/InsightCards.story.tsx b/client/web/src/enterprise/insights/pages/insights/creation/intro/cards/InsightCards.story.tsx
index b7b007fe676..039c6fdc49c 100644
--- a/client/web/src/enterprise/insights/pages/insights/creation/intro/cards/InsightCards.story.tsx
+++ b/client/web/src/enterprise/insights/pages/insights/creation/intro/cards/InsightCards.story.tsx
@@ -9,12 +9,7 @@ import { CaptureGroupInsightCard, LangStatsInsightCard, SearchInsightCard } from
 const meta: Meta = {
     title: 'web/insights/InsightCards',
     decorators: [story => <WebStory>{() => story()}</WebStory>],
-    parameters: {
-        chromatic: {
-            viewports: [576, 1440],
-            disableSnapshot: false,
-        },
-    },
+    parameters: {},
 }
 
 export default meta
diff --git a/client/web/src/enterprise/insights/pages/insights/creation/lang-stats/LangStatsInsightCreationPage.story.tsx b/client/web/src/enterprise/insights/pages/insights/creation/lang-stats/LangStatsInsightCreationPage.story.tsx
index 9ba09eebc6f..a0294b11bca 100644
--- a/client/web/src/enterprise/insights/pages/insights/creation/lang-stats/LangStatsInsightCreationPage.story.tsx
+++ b/client/web/src/enterprise/insights/pages/insights/creation/lang-stats/LangStatsInsightCreationPage.story.tsx
@@ -19,12 +19,7 @@ import { LangStatsInsightCreationPage as LangStatsInsightCreationPageComponent }
 const defaultStory: Meta = {
     title: 'web/insights/creation-ui/lang-stats/LangStatsInsightCreationPage',
     decorators: [story => <WebStory>{() => story()}</WebStory>],
-    parameters: {
-        chromatic: {
-            viewports: [576, 1440],
-            disableSnapshot: false,
-        },
-    },
+    parameters: {},
 }
 
 export default defaultStory
diff --git a/client/web/src/enterprise/insights/pages/insights/creation/search-insight/SearchInsightCreationPage.story.tsx b/client/web/src/enterprise/insights/pages/insights/creation/search-insight/SearchInsightCreationPage.story.tsx
index 51fa9d1c27d..cf16e622fd7 100644
--- a/client/web/src/enterprise/insights/pages/insights/creation/search-insight/SearchInsightCreationPage.story.tsx
+++ b/client/web/src/enterprise/insights/pages/insights/creation/search-insight/SearchInsightCreationPage.story.tsx
@@ -13,12 +13,7 @@ import { SearchInsightCreationPage as SearchInsightCreationPageComponent } from
 const defaultStory: Meta = {
     title: 'web/insights/creation-ui/search/SearchInsightCreationPage',
     decorators: [story => <WebStory>{() => story()}</WebStory>],
-    parameters: {
-        chromatic: {
-            viewports: [576, 1440],
-            disableSnapshot: false,
-        },
-    },
+    parameters: {},
 }
 
 export default defaultStory
diff --git a/client/web/src/enterprise/own/RepositoryOwnEditPage.story.tsx b/client/web/src/enterprise/own/RepositoryOwnEditPage.story.tsx
index afffaa24f0e..e75bd77c8dc 100644
--- a/client/web/src/enterprise/own/RepositoryOwnEditPage.story.tsx
+++ b/client/web/src/enterprise/own/RepositoryOwnEditPage.story.tsx
@@ -21,9 +21,7 @@ import { RepositoryOwnEditPage } from './RepositoryOwnEditPage'
 
 const config: Meta = {
     title: 'web/enterprise/own/RepositoryOwnPage',
-    parameters: {
-        chromatic: { disableSnapshot: false },
-    },
+    parameters: {},
 }
 
 export default config
diff --git a/client/web/src/enterprise/own/admin-ui/OwnAnalyticsPage.story.tsx b/client/web/src/enterprise/own/admin-ui/OwnAnalyticsPage.story.tsx
index 9642f7cab03..0a7b33134f0 100644
--- a/client/web/src/enterprise/own/admin-ui/OwnAnalyticsPage.story.tsx
+++ b/client/web/src/enterprise/own/admin-ui/OwnAnalyticsPage.story.tsx
@@ -17,9 +17,7 @@ import { GET_INSTANCE_OWN_STATS, GET_OWN_JOB_CONFIGURATIONS } from './query'
 
 const config: Meta = {
     title: 'web/enterprise/own/admin-ui/OwnAnalyticsPage',
-    parameters: {
-        chromatic: { disableSnapshot: false },
-    },
+    parameters: {},
 }
 
 export default config
diff --git a/client/web/src/enterprise/search-jobs/SearchJobsPage.story.tsx b/client/web/src/enterprise/search-jobs/SearchJobsPage.story.tsx
index 2f79cc07f8f..2f62a6fa16b 100644
--- a/client/web/src/enterprise/search-jobs/SearchJobsPage.story.tsx
+++ b/client/web/src/enterprise/search-jobs/SearchJobsPage.story.tsx
@@ -24,11 +24,7 @@ type SearchJob = SearchJobsResult['searchJobs']['nodes'][number]
 const defaultStory: Meta = {
     title: 'web/search-jobs',
     decorators: [story => <WebStory>{() => story()}</WebStory>],
-    parameters: {
-        chromatic: {
-            disableSnapshot: false,
-        },
-    },
+    parameters: {},
 }
 
 export default defaultStory
diff --git a/client/web/src/enterprise/searchContexts/DeleteSearchContextModal.story.tsx b/client/web/src/enterprise/searchContexts/DeleteSearchContextModal.story.tsx
index e23d1efb5e0..df2ccc99b61 100644
--- a/client/web/src/enterprise/searchContexts/DeleteSearchContextModal.story.tsx
+++ b/client/web/src/enterprise/searchContexts/DeleteSearchContextModal.story.tsx
@@ -19,9 +19,7 @@ const decorator: Decorator = story => <div className="p-3 container">{story()}</
 const config: Meta = {
     title: 'web/enterprise/searchContexts/DeleteSearchContextModal',
     decorators: [decorator],
-    parameters: {
-        chromatic: { viewports: [1200], disableSnapshot: false },
-    },
+    parameters: {},
 }
 
 export default config
diff --git a/client/web/src/enterprise/searchContexts/SearchContextForm.story.tsx b/client/web/src/enterprise/searchContexts/SearchContextForm.story.tsx
index 7f0bd13a81c..6c22bbe1ef9 100644
--- a/client/web/src/enterprise/searchContexts/SearchContextForm.story.tsx
+++ b/client/web/src/enterprise/searchContexts/SearchContextForm.story.tsx
@@ -17,9 +17,7 @@ const decorator: Decorator = story => <div className="p-3 container">{story()}</
 const config: Meta = {
     title: 'web/enterprise/searchContexts/SearchContextForm',
     decorators: [decorator],
-    parameters: {
-        chromatic: { viewports: [1200], disableSnapshot: false },
-    },
+    parameters: {},
 }
 
 export default config
diff --git a/client/web/src/enterprise/searchContexts/SearchContextPage.story.tsx b/client/web/src/enterprise/searchContexts/SearchContextPage.story.tsx
index 533806a4fba..144d84fe237 100644
--- a/client/web/src/enterprise/searchContexts/SearchContextPage.story.tsx
+++ b/client/web/src/enterprise/searchContexts/SearchContextPage.story.tsx
@@ -18,9 +18,7 @@ const decorator: Decorator = story => <div className="p-3 container">{story()}</
 const config: Meta = {
     title: 'web/enterprise/searchContexts/SearchContextPage',
     decorators: [decorator],
-    parameters: {
-        chromatic: { viewports: [1200], disableSnapshot: false },
-    },
+    parameters: {},
 }
 
 export default config
diff --git a/client/web/src/enterprise/searchContexts/SearchContextsList.story.tsx b/client/web/src/enterprise/searchContexts/SearchContextsList.story.tsx
index 11dbeeb77c6..6b09d923c6e 100644
--- a/client/web/src/enterprise/searchContexts/SearchContextsList.story.tsx
+++ b/client/web/src/enterprise/searchContexts/SearchContextsList.story.tsx
@@ -19,9 +19,7 @@ const decorator: Decorator = story => (
 const config: Meta = {
     title: 'web/enterprise/searchContexts/SearchContextsListTab',
     decorators: [decorator],
-    parameters: {
-        chromatic: { viewports: [1200, 767], disableSnapshot: false },
-    },
+    parameters: {},
 }
 
 export default config
diff --git a/client/web/src/enterprise/site-admin/SiteAdminSidebar.story.tsx b/client/web/src/enterprise/site-admin/SiteAdminSidebar.story.tsx
index 5274dd0f683..5a8076cbde2 100644
--- a/client/web/src/enterprise/site-admin/SiteAdminSidebar.story.tsx
+++ b/client/web/src/enterprise/site-admin/SiteAdminSidebar.story.tsx
@@ -11,11 +11,7 @@ const decorator: Decorator = story => <div style={{ width: '192px' }}>{story()}<
 const config: Meta = {
     title: 'web/site-admin/AdminSidebar',
     decorators: [decorator],
-    parameters: {
-        chromatic: {
-            disableSnapshot: false,
-        },
-    },
+    parameters: {},
 }
 
 export default config
diff --git a/client/web/src/global/GlobalAlert.story.tsx b/client/web/src/global/GlobalAlert.story.tsx
index 6f96f9f3669..f9db8f2ea17 100644
--- a/client/web/src/global/GlobalAlert.story.tsx
+++ b/client/web/src/global/GlobalAlert.story.tsx
@@ -21,9 +21,6 @@ const config: Meta = {
 
     parameters: {
         component: GlobalAlert,
-        chromatic: {
-            disableSnapshot: false,
-        },
     },
 }
 
diff --git a/client/web/src/nav/GlobalNavbar.story.tsx b/client/web/src/nav/GlobalNavbar.story.tsx
index 474c8495213..ad02a6aa4e2 100644
--- a/client/web/src/nav/GlobalNavbar.story.tsx
+++ b/client/web/src/nav/GlobalNavbar.story.tsx
@@ -74,15 +74,7 @@ const decorator: Decorator<GlobalNavbarProps> = Story => {
 const config: Meta<typeof GlobalNavbar> = {
     title: 'web/nav/GlobalNav',
     decorators: [decorator],
-    parameters: {
-        chromatic: {
-            disableSnapshot: false,
-            viewports: [
-                // 320, // TODO: Mobile size detection is not working in Storybook
-                576, 978,
-            ],
-        },
-    },
+    parameters: {},
 }
 
 export default config
diff --git a/client/web/src/nav/StatusMessagesNavItem.tsx b/client/web/src/nav/StatusMessagesNavItem.tsx
index c4452ab64a0..8a4beee1128 100644
--- a/client/web/src/nav/StatusMessagesNavItem.tsx
+++ b/client/web/src/nav/StatusMessagesNavItem.tsx
@@ -376,7 +376,7 @@ export const StatusMessagesNavItem: React.FunctionComponent<React.PropsWithChild
     return (
         <Popover isOpen={isOpen} onOpenChange={event => setIsOpen(event.isOpen)}>
             <PopoverTrigger
-                className="nav-link py-0 px-0 chromatic-ignore"
+                className="nav-link py-0 px-0"
                 as={Button}
                 variant="link"
                 aria-label={isOpen ? 'Hide status messages' : 'Show status messages'}
diff --git a/client/web/src/nav/UserNavItem.story.tsx b/client/web/src/nav/UserNavItem.story.tsx
index 81901c93312..fe1f9a0f4a5 100644
--- a/client/web/src/nav/UserNavItem.story.tsx
+++ b/client/web/src/nav/UserNavItem.story.tsx
@@ -17,10 +17,6 @@ const config: Meta = {
             type: 'figma',
             url: 'https://www.figma.com/file/HWLuLefEdev5KYtoEGHjFj/Sourcegraph-Components-Contractor?node-id=1346%3A0',
         },
-        chromatic: {
-            enableDarkMode: true,
-            viewports: [600],
-        },
     },
     argTypes: {
         isSourcegraphDotCom: {
diff --git a/client/web/src/nav/__snapshots__/StatusMessagesNavItem.test.tsx.snap b/client/web/src/nav/__snapshots__/StatusMessagesNavItem.test.tsx.snap
index 2165ddbbfb9..167f36c0ac0 100644
--- a/client/web/src/nav/__snapshots__/StatusMessagesNavItem.test.tsx.snap
+++ b/client/web/src/nav/__snapshots__/StatusMessagesNavItem.test.tsx.snap
@@ -5,7 +5,7 @@ exports[`StatusMessagesNavItem > all messages 1`] = `
   <button
     aria-expanded="false"
     aria-label="Show status messages"
-    class="btn btnLink nav-link py-0 px-0 chromatic-ignore"
+    class="btn btnLink nav-link py-0 px-0"
     type="button"
   />
 </DocumentFragment>
@@ -16,7 +16,7 @@ exports[`StatusMessagesNavItem > no messages 1`] = `
   <button
     aria-expanded="false"
     aria-label="Show status messages"
-    class="btn btnLink nav-link py-0 px-0 chromatic-ignore"
+    class="btn btnLink nav-link py-0 px-0"
     type="button"
   />
 </DocumentFragment>
diff --git a/client/web/src/notebooks/listPage/NotebooksListPage.story.tsx b/client/web/src/notebooks/listPage/NotebooksListPage.story.tsx
index 936d8cbe059..6d8d52b83ab 100644
--- a/client/web/src/notebooks/listPage/NotebooksListPage.story.tsx
+++ b/client/web/src/notebooks/listPage/NotebooksListPage.story.tsx
@@ -17,9 +17,7 @@ const decorator: Decorator = story => <div className="p-3 container">{story()}</
 
 const config: Meta = {
     title: 'web/search/notebooks/listPage/NotebooksListPage',
-    parameters: {
-        chromatic: { disableSnapshots: false },
-    },
+    parameters: {},
     decorators: [decorator],
 }
 
diff --git a/client/web/src/notebooks/notebook/NotebookComponent.story.tsx b/client/web/src/notebooks/notebook/NotebookComponent.story.tsx
index cb17c1e93d7..787922cb7b4 100644
--- a/client/web/src/notebooks/notebook/NotebookComponent.story.tsx
+++ b/client/web/src/notebooks/notebook/NotebookComponent.story.tsx
@@ -16,9 +16,7 @@ const decorator: Decorator = story => <div className="p-3 container">{story()}</
 
 const config: Meta = {
     title: 'web/search/notebooks/notebook/NotebookComponent',
-    parameters: {
-        chromatic: { disableSnapshots: false },
-    },
+    parameters: {},
     decorators: [decorator],
 }
 
diff --git a/client/web/src/prompts/EditPage.story.tsx b/client/web/src/prompts/EditPage.story.tsx
index eaa65c6c395..e63b0e2d437 100644
--- a/client/web/src/prompts/EditPage.story.tsx
+++ b/client/web/src/prompts/EditPage.story.tsx
@@ -14,9 +14,7 @@ const config: Meta = {
     title: 'web/prompts/EditPage',
     component: EditPage,
     decorators: [story => <div className="container mt-5">{story()}</div>],
-    parameters: {
-        chromatic: { disableSnapshot: false },
-    },
+    parameters: {},
 }
 
 export default config
diff --git a/client/web/src/prompts/Form.story.tsx b/client/web/src/prompts/Form.story.tsx
index 53beed1ca4a..cb002b9acb1 100644
--- a/client/web/src/prompts/Form.story.tsx
+++ b/client/web/src/prompts/Form.story.tsx
@@ -10,9 +10,7 @@ const config: Meta = {
     title: 'web/prompts/PromptForm',
     component: PromptForm,
     decorators: [story => <div className="container mt-5">{story()}</div>],
-    parameters: {
-        chromatic: { disableSnapshot: false },
-    },
+    parameters: {},
 }
 
 export default config
diff --git a/client/web/src/prompts/ListPage.story.tsx b/client/web/src/prompts/ListPage.story.tsx
index e7fe47a2d95..8f272d2d93b 100644
--- a/client/web/src/prompts/ListPage.story.tsx
+++ b/client/web/src/prompts/ListPage.story.tsx
@@ -14,9 +14,7 @@ const config: Meta = {
     title: 'web/prompts/ListPage',
     component: ListPage,
     decorators: [story => <div className="container mt-5">{story()}</div>],
-    parameters: {
-        chromatic: { disableSnapshot: false },
-    },
+    parameters: {},
 }
 
 export default config
diff --git a/client/web/src/prompts/NewForm.story.tsx b/client/web/src/prompts/NewForm.story.tsx
index 8a8881e3d27..9ae62689c74 100644
--- a/client/web/src/prompts/NewForm.story.tsx
+++ b/client/web/src/prompts/NewForm.story.tsx
@@ -14,9 +14,7 @@ const config: Meta = {
     title: 'web/prompts/NewForm',
     component: NewForm,
     decorators: [story => <div className="container mt-5">{story()}</div>],
-    parameters: {
-        chromatic: { disableSnapshot: false },
-    },
+    parameters: {},
 }
 
 export default config
diff --git a/client/web/src/repo/RepoHeader.story.tsx b/client/web/src/repo/RepoHeader.story.tsx
index 9219097758a..b54e0efe5d6 100644
--- a/client/web/src/repo/RepoHeader.story.tsx
+++ b/client/web/src/repo/RepoHeader.story.tsx
@@ -159,10 +159,3 @@ const createProps = (path: string, forceWrap: boolean = false): React.ComponentP
     platformContext: {} as any,
     forceWrap,
 })
-
-Default.parameters = {
-    chromatic: {
-        enableDarkMode: false,
-        disableSnapshot: false,
-    },
-}
diff --git a/client/web/src/repo/actions/GoToCodeHostAction.story.tsx b/client/web/src/repo/actions/GoToCodeHostAction.story.tsx
index f834fccc93b..71b9018c446 100644
--- a/client/web/src/repo/actions/GoToCodeHostAction.story.tsx
+++ b/client/web/src/repo/actions/GoToCodeHostAction.story.tsx
@@ -43,7 +43,6 @@ export const GitHub: StoryFn = () => (
 
 GitHub.storyName = 'GitHub'
 
-// Disable Chromatic for the non-GitHub popovers since they are mostly the same
 export const GitLab: StoryFn = () => (
     <WebStory>
         {() => {
@@ -65,11 +64,6 @@ export const GitLab: StoryFn = () => (
 )
 
 GitLab.storyName = 'GitLab'
-GitLab.parameters = {
-    chromatic: {
-        disable: true,
-    },
-}
 
 export const Phabricator: StoryFn = () => (
     <WebStory>
@@ -91,12 +85,6 @@ export const Phabricator: StoryFn = () => (
     </WebStory>
 )
 
-Phabricator.parameters = {
-    chromatic: {
-        disable: true,
-    },
-}
-
 export const BitbucketServer: StoryFn = () => (
     <WebStory>
         {() => {
@@ -118,9 +106,3 @@ export const BitbucketServer: StoryFn = () => (
 )
 
 BitbucketServer.storyName = 'Bitbucket server'
-
-BitbucketServer.parameters = {
-    chromatic: {
-        disable: true,
-    },
-}
diff --git a/client/web/src/repo/blob/own/FileOwnershipPanel.story.tsx b/client/web/src/repo/blob/own/FileOwnershipPanel.story.tsx
index f5ffe12c4b6..be0a2782251 100644
--- a/client/web/src/repo/blob/own/FileOwnershipPanel.story.tsx
+++ b/client/web/src/repo/blob/own/FileOwnershipPanel.story.tsx
@@ -173,9 +173,7 @@ const mockResponse: MockedResponse<FetchOwnershipResult> = {
 
 const config: Meta = {
     title: 'web/repo/blob/own/FileOwnership',
-    parameters: {
-        chromatic: { disableSnapshot: false },
-    },
+    parameters: {},
 }
 
 export default config
diff --git a/client/web/src/repo/blob/own/HistoryAndOwnBar.story.tsx b/client/web/src/repo/blob/own/HistoryAndOwnBar.story.tsx
index 22c52e7325b..69f85c6ea54 100644
--- a/client/web/src/repo/blob/own/HistoryAndOwnBar.story.tsx
+++ b/client/web/src/repo/blob/own/HistoryAndOwnBar.story.tsx
@@ -150,9 +150,7 @@ const mockLoaded: MockedResponse = {
 
 const config: Meta = {
     title: 'web/repo/blob/own/HistoryAndOwnBar',
-    parameters: {
-        chromatic: { disableSnapshot: false },
-    },
+    parameters: {},
 }
 
 export default config
diff --git a/client/web/src/repo/commits/GitCommitNode.story.tsx b/client/web/src/repo/commits/GitCommitNode.story.tsx
index 3d0c18a447c..9d463132a3d 100644
--- a/client/web/src/repo/commits/GitCommitNode.story.tsx
+++ b/client/web/src/repo/commits/GitCommitNode.story.tsx
@@ -15,9 +15,7 @@ window.context.experimentalFeatures = { perforceChangelistMapping: 'enabled' }
 
 const config: Meta = {
     title: 'web/GitCommitNode',
-    parameters: {
-        chromatic: { disableSnapshot: false },
-    },
+    parameters: {},
     decorators: [decorator],
 }
 
diff --git a/client/web/src/savedSearches/EditPage.story.tsx b/client/web/src/savedSearches/EditPage.story.tsx
index 7fd81885ad1..36819f424d8 100644
--- a/client/web/src/savedSearches/EditPage.story.tsx
+++ b/client/web/src/savedSearches/EditPage.story.tsx
@@ -14,9 +14,7 @@ const config: Meta = {
     title: 'web/savedSearches/EditPage',
     component: EditPage,
     decorators: [story => <div className="container mt-5">{story()}</div>],
-    parameters: {
-        chromatic: { disableSnapshot: false },
-    },
+    parameters: {},
 }
 
 export default config
diff --git a/client/web/src/savedSearches/Form.story.tsx b/client/web/src/savedSearches/Form.story.tsx
index 7a7703dbf13..5b22b4b851b 100644
--- a/client/web/src/savedSearches/Form.story.tsx
+++ b/client/web/src/savedSearches/Form.story.tsx
@@ -10,9 +10,7 @@ const config: Meta = {
     title: 'web/savedSearches/SavedSearchForm',
     component: SavedSearchForm,
     decorators: [story => <div className="container mt-5">{story()}</div>],
-    parameters: {
-        chromatic: { disableSnapshot: false },
-    },
+    parameters: {},
 }
 
 export default config
diff --git a/client/web/src/savedSearches/ListPage.story.tsx b/client/web/src/savedSearches/ListPage.story.tsx
index 6bc250374da..cf8ba2a5635 100644
--- a/client/web/src/savedSearches/ListPage.story.tsx
+++ b/client/web/src/savedSearches/ListPage.story.tsx
@@ -14,9 +14,7 @@ const config: Meta = {
     title: 'web/savedSearches/ListPage',
     component: ListPage,
     decorators: [story => <div className="container mt-5">{story()}</div>],
-    parameters: {
-        chromatic: { disableSnapshot: false },
-    },
+    parameters: {},
 }
 
 export default config
diff --git a/client/web/src/savedSearches/NewForm.story.tsx b/client/web/src/savedSearches/NewForm.story.tsx
index 1a836437233..f5e6d34dabc 100644
--- a/client/web/src/savedSearches/NewForm.story.tsx
+++ b/client/web/src/savedSearches/NewForm.story.tsx
@@ -14,9 +14,7 @@ const config: Meta = {
     title: 'web/savedSearches/NewForm',
     component: NewForm,
     decorators: [story => <div className="container mt-5">{story()}</div>],
-    parameters: {
-        chromatic: { disableSnapshot: false },
-    },
+    parameters: {},
 }
 
 export default config
diff --git a/client/web/src/search/results/StreamingSearchResults.story.tsx b/client/web/src/search/results/StreamingSearchResults.story.tsx
index a5f1c4c673a..60f7c136132 100644
--- a/client/web/src/search/results/StreamingSearchResults.story.tsx
+++ b/client/web/src/search/results/StreamingSearchResults.story.tsx
@@ -72,9 +72,7 @@ const decorator: Decorator = Story => {
 const config: Meta = {
     title: 'web/search/results/StreamingSearchResults',
     decorators: [decorator],
-    parameters: {
-        chromatic: { viewports: [577, 769, 993], disableSnapshot: false },
-    },
+    parameters: {},
 }
 
 export default config
diff --git a/client/web/src/search/results/components/aggregation/SearchAggregationResult.story.tsx b/client/web/src/search/results/components/aggregation/SearchAggregationResult.story.tsx
index ea7abd17381..e2ee2d7930d 100644
--- a/client/web/src/search/results/components/aggregation/SearchAggregationResult.story.tsx
+++ b/client/web/src/search/results/components/aggregation/SearchAggregationResult.story.tsx
@@ -19,9 +19,7 @@ import { SearchAggregationResult } from './SearchAggregationResult'
 
 const config: Meta = {
     title: 'web/search/results/SearchAggregationResult',
-    parameters: {
-        chromatic: { disableSnapshots: false },
-    },
+    parameters: {},
 }
 
 export default config
diff --git a/client/web/src/search/results/sidebar/Revisions.story.tsx b/client/web/src/search/results/sidebar/Revisions.story.tsx
index c030bb90cbd..1f4ff0f0ac2 100644
--- a/client/web/src/search/results/sidebar/Revisions.story.tsx
+++ b/client/web/src/search/results/sidebar/Revisions.story.tsx
@@ -25,9 +25,7 @@ const meta: Meta = {
     title: 'web/search/results/sidebar/Revisions',
     component: Revisions,
     argTypes: { onFilterClick: { action: 'onFilterClick' } },
-    parameters: {
-        chromatic: { disableSnapshot: false },
-    },
+    parameters: {},
 }
 
 export default meta
diff --git a/client/web/src/search/results/sidebar/SearchFiltersSidebar.story.tsx b/client/web/src/search/results/sidebar/SearchFiltersSidebar.story.tsx
index 58e16515dd3..456900f8285 100644
--- a/client/web/src/search/results/sidebar/SearchFiltersSidebar.story.tsx
+++ b/client/web/src/search/results/sidebar/SearchFiltersSidebar.story.tsx
@@ -18,7 +18,6 @@ const config: Meta = {
             type: 'figma',
             url: 'https://www.figma.com/file/NIsN34NH7lPu04olBzddTw/?node-id=1018%3A13883',
         },
-        chromatic: { viewports: [544, 577, 993], disableSnapshot: false },
     },
 }
 
diff --git a/client/web/src/search/suggestion/SmartSearch.story.tsx b/client/web/src/search/suggestion/SmartSearch.story.tsx
index 2863b0101e1..7c0c8f27014 100644
--- a/client/web/src/search/suggestion/SmartSearch.story.tsx
+++ b/client/web/src/search/suggestion/SmartSearch.story.tsx
@@ -10,9 +10,7 @@ import { SmartSearch } from './SmartSearch'
 
 const config: Meta = {
     title: 'web/search/suggestion/SmartSearch',
-    parameters: {
-        chromatic: { viewports: [480, 993], disableSnapshot: false },
-    },
+    parameters: {},
 }
 export default config
 
diff --git a/client/web/src/site-admin/SiteAdminMigrationsPage.story.tsx b/client/web/src/site-admin/SiteAdminMigrationsPage.story.tsx
index 9e45ce1e9b6..6b4ca256af6 100644
--- a/client/web/src/site-admin/SiteAdminMigrationsPage.story.tsx
+++ b/client/web/src/site-admin/SiteAdminMigrationsPage.story.tsx
@@ -10,11 +10,7 @@ const decorator: Decorator = story => <div className="p-3 container">{story()}</
 
 const config: Meta = {
     title: 'web/Site Admin/Migrations',
-    parameters: {
-        chromatic: {
-            viewports: [320, 576, 978, 1440],
-        },
-    },
+    parameters: {},
     decorators: [decorator],
 }
 
diff --git a/client/web/src/site-admin/UserManagement/components/DateRangeSelect.story.tsx b/client/web/src/site-admin/UserManagement/components/DateRangeSelect.story.tsx
index 13a4f511fd6..8bed7f6a9cc 100644
--- a/client/web/src/site-admin/UserManagement/components/DateRangeSelect.story.tsx
+++ b/client/web/src/site-admin/UserManagement/components/DateRangeSelect.story.tsx
@@ -29,13 +29,6 @@ export const Default: StoryFn = () => (
     </div>
 )
 
-Default.parameters = {
-    chromatic: {
-        enableDarkMode: true,
-        disableSnapshot: true,
-    },
-}
-
 export const WithNegation: StoryFn = () => (
     <div className="d-flex justify-content-around w-50">
         <DateRangeSelect
@@ -49,10 +42,3 @@ export const WithNegation: StoryFn = () => (
         />
     </div>
 )
-
-WithNegation.parameters = {
-    chromatic: {
-        enableDarkMode: true,
-        disableSnapshot: true,
-    },
-}
diff --git a/client/web/src/site-admin/init/SiteInitPage.story.tsx b/client/web/src/site-admin/init/SiteInitPage.story.tsx
index 9f1f2dff408..c5626a4e378 100644
--- a/client/web/src/site-admin/init/SiteInitPage.story.tsx
+++ b/client/web/src/site-admin/init/SiteInitPage.story.tsx
@@ -8,9 +8,7 @@ import { SiteInitPage } from './SiteInitPage'
 
 const config: Meta = {
     title: 'web/auth/SiteInitPage',
-    parameters: {
-        chromatic: { disableSnapshot: false },
-    },
+    parameters: {},
 }
 
 export default config
diff --git a/client/web/src/site-admin/webhooks/MessagePanel.story.tsx b/client/web/src/site-admin/webhooks/MessagePanel.story.tsx
index 2f68e0c2633..a3ca76e2013 100644
--- a/client/web/src/site-admin/webhooks/MessagePanel.story.tsx
+++ b/client/web/src/site-admin/webhooks/MessagePanel.story.tsx
@@ -9,11 +9,7 @@ const decorator: Decorator = story => <div className="p-3 container">{story()}</
 const config: Meta = {
     title: 'web/site-admin/webhooks/MessagePanel',
     decorators: [decorator],
-    parameters: {
-        chromatic: {
-            viewports: [576, 1440],
-        },
-    },
+    parameters: {},
 }
 
 export default config
diff --git a/client/web/src/site-admin/webhooks/PerformanceGauge.story.tsx b/client/web/src/site-admin/webhooks/PerformanceGauge.story.tsx
index 90cc4176c42..8d6d9e51038 100644
--- a/client/web/src/site-admin/webhooks/PerformanceGauge.story.tsx
+++ b/client/web/src/site-admin/webhooks/PerformanceGauge.story.tsx
@@ -9,11 +9,7 @@ const decorator: Decorator = story => <div className="p-3 container">{story()}</
 
 const config: Meta = {
     title: 'web/site-admin/webhooks/PerformanceGauge',
-    parameters: {
-        chromatic: {
-            viewports: [576],
-        },
-    },
+    parameters: {},
     decorators: [decorator],
 }
 
diff --git a/client/web/src/site-admin/webhooks/StatusCode.story.tsx b/client/web/src/site-admin/webhooks/StatusCode.story.tsx
index c629645cadd..b5ada1fb201 100644
--- a/client/web/src/site-admin/webhooks/StatusCode.story.tsx
+++ b/client/web/src/site-admin/webhooks/StatusCode.story.tsx
@@ -8,11 +8,7 @@ const decorator: Decorator = story => <div className="p-3 container">{story()}</
 
 const config: Meta = {
     title: 'web/site-admin/webhooks/StatusCode',
-    parameters: {
-        chromatic: {
-            viewports: [576],
-        },
-    },
+    parameters: {},
     decorators: [decorator],
 }
 
diff --git a/client/web/src/site-admin/webhooks/WebhookLogNode.story.tsx b/client/web/src/site-admin/webhooks/WebhookLogNode.story.tsx
index fccf0dcdc4a..d0732c85890 100644
--- a/client/web/src/site-admin/webhooks/WebhookLogNode.story.tsx
+++ b/client/web/src/site-admin/webhooks/WebhookLogNode.story.tsx
@@ -25,11 +25,7 @@ const decorator: Decorator = story => (
 
 const config: Meta = {
     title: 'web/site-admin/webhooks/WebhookLogNode',
-    parameters: {
-        chromatic: {
-            viewports: [320, 576, 978, 1440],
-        },
-    },
+    parameters: {},
     decorators: [decorator],
     argTypes: {
         receivedAt: {
diff --git a/client/web/src/site-admin/webhooks/WebhookLogPageHeader.story.tsx b/client/web/src/site-admin/webhooks/WebhookLogPageHeader.story.tsx
index d214b92d967..a481be83b36 100644
--- a/client/web/src/site-admin/webhooks/WebhookLogPageHeader.story.tsx
+++ b/client/web/src/site-admin/webhooks/WebhookLogPageHeader.story.tsx
@@ -18,11 +18,7 @@ const decorator: Decorator = story => (
 
 const config: Meta = {
     title: 'web/site-admin/webhooks/WebhookLogPageHeader',
-    parameters: {
-        chromatic: {
-            viewports: [320, 576, 978, 1440],
-        },
-    },
+    parameters: {},
     decorators: [decorator],
     argTypes: {
         externalServiceCount: {
diff --git a/client/web/src/storm/pages/SearchPage/SearchPageContent.story.tsx b/client/web/src/storm/pages/SearchPage/SearchPageContent.story.tsx
index ab89fcd5db8..0fefb653aae 100644
--- a/client/web/src/storm/pages/SearchPage/SearchPageContent.story.tsx
+++ b/client/web/src/storm/pages/SearchPage/SearchPageContent.story.tsx
@@ -15,7 +15,6 @@ const config: Meta = {
             type: 'figma',
             url: 'https://www.figma.com/file/sPRyyv3nt5h0284nqEuAXE/12192-Sourcegraph-server-page-v1?node-id=255%3A3',
         },
-        chromatic: { viewports: [544, 577, 769, 993], disableSnapshot: false },
     },
 }
 
diff --git a/client/web/src/team/area/TeamChildTeamsPage.story.tsx b/client/web/src/team/area/TeamChildTeamsPage.story.tsx
index d488f13de18..0d6e4491841 100644
--- a/client/web/src/team/area/TeamChildTeamsPage.story.tsx
+++ b/client/web/src/team/area/TeamChildTeamsPage.story.tsx
@@ -12,9 +12,7 @@ import { testContext } from './testContext.mock'
 
 const config: Meta = {
     title: 'web/teams/TeamChildTeamsPage',
-    parameters: {
-        chromatic: { disableSnapshot: false },
-    },
+    parameters: {},
 }
 export default config
 
diff --git a/client/web/src/team/area/TeamMembersPage.story.tsx b/client/web/src/team/area/TeamMembersPage.story.tsx
index 7da19eb306c..0209395be80 100644
--- a/client/web/src/team/area/TeamMembersPage.story.tsx
+++ b/client/web/src/team/area/TeamMembersPage.story.tsx
@@ -12,9 +12,7 @@ import { testContext } from './testContext.mock'
 
 const config: Meta = {
     title: 'web/teams/TeamMembersPage',
-    parameters: {
-        chromatic: { disableSnapshot: false },
-    },
+    parameters: {},
 }
 export default config
 
diff --git a/client/web/src/team/area/TeamProfilePage.story.tsx b/client/web/src/team/area/TeamProfilePage.story.tsx
index 15196620854..2667e6db045 100644
--- a/client/web/src/team/area/TeamProfilePage.story.tsx
+++ b/client/web/src/team/area/TeamProfilePage.story.tsx
@@ -7,9 +7,7 @@ import { testContext } from './testContext.mock'
 
 const config: Meta = {
     title: 'web/teams/TeamProfilePage',
-    parameters: {
-        chromatic: { disableSnapshot: false },
-    },
+    parameters: {},
 }
 export default config
 
diff --git a/client/web/src/team/list/TeamListPage.story.tsx b/client/web/src/team/list/TeamListPage.story.tsx
index bd4b3a5d10f..a7a8926110e 100644
--- a/client/web/src/team/list/TeamListPage.story.tsx
+++ b/client/web/src/team/list/TeamListPage.story.tsx
@@ -12,9 +12,7 @@ import { TeamListPage } from './TeamListPage'
 
 const config: Meta = {
     title: 'web/teams/TeamListPage',
-    parameters: {
-        chromatic: { disableSnapshot: false },
-    },
+    parameters: {},
 }
 export default config
 
diff --git a/client/web/src/team/new/NewTeamPage.story.tsx b/client/web/src/team/new/NewTeamPage.story.tsx
index 0faaca9f414..fd56115e748 100644
--- a/client/web/src/team/new/NewTeamPage.story.tsx
+++ b/client/web/src/team/new/NewTeamPage.story.tsx
@@ -8,9 +8,7 @@ import { NewTeamPage } from './NewTeamPage'
 
 const config: Meta = {
     title: 'web/teams/NewTeamPage',
-    parameters: {
-        chromatic: { disableSnapshot: false },
-    },
+    parameters: {},
 }
 export default config
 
diff --git a/client/web/src/tour/components/Tour/Tour.story.tsx b/client/web/src/tour/components/Tour/Tour.story.tsx
index 36cae27ddd3..18cf456bdd0 100644
--- a/client/web/src/tour/components/Tour/Tour.story.tsx
+++ b/client/web/src/tour/components/Tour/Tour.story.tsx
@@ -18,10 +18,6 @@ const config: Meta = {
     decorators: [decorator],
     parameters: {
         component: Tour,
-        chromatic: {
-            enableDarkMode: true,
-            disableSnapshot: false,
-        },
     },
 }
 
diff --git a/client/wildcard/BUILD.bazel b/client/wildcard/BUILD.bazel
index e531f392019..7606e1a03e5 100644
--- a/client/wildcard/BUILD.bazel
+++ b/client/wildcard/BUILD.bazel
@@ -395,11 +395,9 @@ ts_project(
         "src/index.ts",
         "src/stories/BrandedStory.tsx",
         "src/stories/hooks/index.ts",
-        "src/stories/hooks/useChromaticTheme.ts",
         "src/stories/hooks/usePrependStyles.ts",
         "src/stories/hooks/useStorybookTheme.ts",
         "src/stories/index.ts",
-        "src/stories/utils/isChromatic.ts",
         "src/testing/index.ts",
         "src/testing/render-with-branded-context.tsx",
         "src/types.ts",
@@ -460,7 +458,6 @@ ts_project(
         "//:node_modules/@visx/shape",
         "//:node_modules/@visx/text",
         "//:node_modules/@visx/voronoi",
-        "//:node_modules/chromatic",
         "//:node_modules/classnames",
         "//:node_modules/d3-format",
         "//:node_modules/d3-scale",
diff --git a/client/wildcard/src/components/Alert/Alert.story.tsx b/client/wildcard/src/components/Alert/Alert.story.tsx
index cc8c47405d0..f6cd7af2d85 100644
--- a/client/wildcard/src/components/Alert/Alert.story.tsx
+++ b/client/wildcard/src/components/Alert/Alert.story.tsx
@@ -24,10 +24,7 @@ const config: Meta = {
     decorators: [story => <BrandedStory>{() => <div className="container mt-3">{story()}</div>}</BrandedStory>],
     parameters: {
         component: Alert,
-        chromatic: {
-            enableDarkMode: true,
-            disableSnapshot: false,
-        },
+
         design: [
             {
                 type: 'figma',
diff --git a/client/wildcard/src/components/Badge/Badge.story.tsx b/client/wildcard/src/components/Badge/Badge.story.tsx
index 33c13de5060..f7110c37c94 100644
--- a/client/wildcard/src/components/Badge/Badge.story.tsx
+++ b/client/wildcard/src/components/Badge/Badge.story.tsx
@@ -13,10 +13,7 @@ const config: Meta = {
 
     parameters: {
         component: Badge,
-        chromatic: {
-            enableDarkMode: true,
-            disableSnapshot: false,
-        },
+
         design: [
             {
                 type: 'figma',
diff --git a/client/wildcard/src/components/Badge/ProductStatusBadge.story.tsx b/client/wildcard/src/components/Badge/ProductStatusBadge.story.tsx
index ab1522d5af7..2d820486a07 100644
--- a/client/wildcard/src/components/Badge/ProductStatusBadge.story.tsx
+++ b/client/wildcard/src/components/Badge/ProductStatusBadge.story.tsx
@@ -13,10 +13,7 @@ const config: Meta = {
 
     parameters: {
         component: ProductStatusBadge,
-        chromatic: {
-            enableDarkMode: true,
-            disableSnapshot: false,
-        },
+
         design: [
             {
                 type: 'figma',
diff --git a/client/wildcard/src/components/Button/story/Button.story.tsx b/client/wildcard/src/components/Button/story/Button.story.tsx
index 3989f752fc6..d6f1d9f5a54 100644
--- a/client/wildcard/src/components/Button/story/Button.story.tsx
+++ b/client/wildcard/src/components/Button/story/Button.story.tsx
@@ -117,13 +117,6 @@ export const AllButtons: StoryFn = () => (
     </div>
 )
 
-AllButtons.parameters = {
-    chromatic: {
-        enableDarkMode: true,
-        disableSnapshot: false,
-    },
-}
-
 type ButtonSizesType = typeof BUTTON_SIZES[number] | undefined
 
 export const Group: StoryFn = () => {
@@ -328,9 +321,3 @@ export const Group: StoryFn = () => {
 }
 
 Group.storyName = 'Button Group'
-Group.parameters = {
-    chromatic: {
-        enableDarkMode: true,
-        disableSnapshot: false,
-    },
-}
diff --git a/client/wildcard/src/components/ButtonLink/ButtonLink.story.tsx b/client/wildcard/src/components/ButtonLink/ButtonLink.story.tsx
index 36137fb9f90..55632ceb4dd 100644
--- a/client/wildcard/src/components/ButtonLink/ButtonLink.story.tsx
+++ b/client/wildcard/src/components/ButtonLink/ButtonLink.story.tsx
@@ -15,10 +15,7 @@ const Config: Meta = {
 
     parameters: {
         component: ButtonLink,
-        chromatic: {
-            enableDarkMode: true,
-            disableSnapshot: false,
-        },
+
         design: [
             {
                 type: 'figma',
diff --git a/client/wildcard/src/components/Card/Card.story.tsx b/client/wildcard/src/components/Card/Card.story.tsx
index 01a6191486c..49d00a938ba 100644
--- a/client/wildcard/src/components/Card/Card.story.tsx
+++ b/client/wildcard/src/components/Card/Card.story.tsx
@@ -15,10 +15,7 @@ const config: Meta = {
 
     parameters: {
         component: Card,
-        chromatic: {
-            enableDarkMode: true,
-            disableSnapshot: false,
-        },
+
         design: [
             {
                 type: 'figma',
diff --git a/client/wildcard/src/components/Charts/components/bar-chart/BarChart.story.tsx b/client/wildcard/src/components/Charts/components/bar-chart/BarChart.story.tsx
index 7ff382ca0df..8b2eb798f8e 100644
--- a/client/wildcard/src/components/Charts/components/bar-chart/BarChart.story.tsx
+++ b/client/wildcard/src/components/Charts/components/bar-chart/BarChart.story.tsx
@@ -11,9 +11,7 @@ import { BarChart } from './BarChart'
 const StoryConfig: Meta = {
     title: 'wildcard/Charts',
     decorators: [story => <BrandedStory>{() => <div className="container mt-3">{story()}</div>}</BrandedStory>],
-    parameters: {
-        chromatic: { disableSnapshots: false, enableDarkMode: true },
-    },
+    parameters: {},
 }
 
 export default StoryConfig
diff --git a/client/wildcard/src/components/Charts/components/line-chart/LineChart.test.tsx b/client/wildcard/src/components/Charts/components/line-chart/LineChart.test.tsx
index ecea799e54e..7c2f2f95fad 100644
--- a/client/wildcard/src/components/Charts/components/line-chart/LineChart.test.tsx
+++ b/client/wildcard/src/components/Charts/components/line-chart/LineChart.test.tsx
@@ -24,7 +24,6 @@ const renderChart = ({ series }: RenderChartArgs) =>
 
 describe('LineChart', () => {
     // Non-exhaustive smoke tests to check that the chart renders correctly
-    // All other general rendering tests are covered by chromatic
     describe('should render', () => {
         it('empty series', () => {
             renderChart({ ...defaultArgs, series: [] })
diff --git a/client/wildcard/src/components/Charts/components/line-chart/story/LineChart.story.tsx b/client/wildcard/src/components/Charts/components/line-chart/story/LineChart.story.tsx
index 899eb118a71..d7b458b9336 100644
--- a/client/wildcard/src/components/Charts/components/line-chart/story/LineChart.story.tsx
+++ b/client/wildcard/src/components/Charts/components/line-chart/story/LineChart.story.tsx
@@ -23,9 +23,7 @@ import {
 const StoryConfig: Meta = {
     title: 'wildcard/Charts',
     decorators: [story => <BrandedStory>{() => <div className="container mt-3">{story()}</div>}</BrandedStory>],
-    parameters: {
-        chromatic: { disableSnapshots: false, enableDarkMode: true },
-    },
+    parameters: {},
 }
 
 export default StoryConfig
diff --git a/client/wildcard/src/components/Charts/components/pie-chart/PieChart.story.tsx b/client/wildcard/src/components/Charts/components/pie-chart/PieChart.story.tsx
index 0f34236455e..0be14567a2d 100644
--- a/client/wildcard/src/components/Charts/components/pie-chart/PieChart.story.tsx
+++ b/client/wildcard/src/components/Charts/components/pie-chart/PieChart.story.tsx
@@ -8,9 +8,7 @@ import { PieChart } from './PieChart'
 const StoryConfig: Meta = {
     title: 'wildcard/Charts',
     decorators: [story => <BrandedStory>{() => <div className="container mt-3">{story()}</div>}</BrandedStory>],
-    parameters: {
-        chromatic: { disableSnapshots: false, enableDarkMode: true },
-    },
+    parameters: {},
 }
 
 export default StoryConfig
diff --git a/client/wildcard/src/components/Charts/components/stacked-meter/StackedMeter.story.tsx b/client/wildcard/src/components/Charts/components/stacked-meter/StackedMeter.story.tsx
index 62875753bc4..736d9a71465 100644
--- a/client/wildcard/src/components/Charts/components/stacked-meter/StackedMeter.story.tsx
+++ b/client/wildcard/src/components/Charts/components/stacked-meter/StackedMeter.story.tsx
@@ -8,9 +8,7 @@ import { StackedMeter } from '.'
 const StoryConfig: Meta = {
     title: 'wildcard/Charts',
     decorators: [story => <BrandedStory>{() => <div className="container mt-3">{story()}</div>}</BrandedStory>],
-    parameters: {
-        chromatic: { disableSnapshots: false, enableDarkMode: true },
-    },
+    parameters: {},
 }
 export default StoryConfig
 
diff --git a/client/wildcard/src/components/Charts/core/components/SvgRoot.story.tsx b/client/wildcard/src/components/Charts/core/components/SvgRoot.story.tsx
index eac90721c36..02d179603a3 100644
--- a/client/wildcard/src/components/Charts/core/components/SvgRoot.story.tsx
+++ b/client/wildcard/src/components/Charts/core/components/SvgRoot.story.tsx
@@ -6,7 +6,7 @@ import { timeFormat } from 'd3-time-format'
 
 import { BrandedStory } from '../../../../stories/BrandedStory'
 
-import { SvgRoot, SvgAxisLeft, SvgAxisBottom, SvgContent } from './SvgRoot'
+import { SvgAxisBottom, SvgAxisLeft, SvgContent, SvgRoot } from './SvgRoot'
 
 const StoryConfig: Meta = {
     title: 'wildcard/Charts/Core',
@@ -19,7 +19,6 @@ const StoryConfig: Meta = {
     args: {
         useMaxValuesForYScale: false,
     },
-    parameters: { chromatic: { disableSnapshots: false } },
 }
 
 export default StoryConfig
diff --git a/client/wildcard/src/components/Combobox/MultiCombobox.story.tsx b/client/wildcard/src/components/Combobox/MultiCombobox.story.tsx
index 3a82f0fa59f..3a93de780e5 100644
--- a/client/wildcard/src/components/Combobox/MultiCombobox.story.tsx
+++ b/client/wildcard/src/components/Combobox/MultiCombobox.story.tsx
@@ -26,12 +26,7 @@ const decorator: Decorator = story => (
 const config: Meta = {
     title: 'wildcard/MultiCombobox',
     decorators: [decorator],
-    parameters: {
-        chromatic: {
-            enableDarkMode: true,
-            disableSnapshot: false,
-        },
-    },
+    parameters: {},
 }
 
 export default config
diff --git a/client/wildcard/src/components/Container/Container.story.tsx b/client/wildcard/src/components/Container/Container.story.tsx
index c24ea2064c7..3c267157f70 100644
--- a/client/wildcard/src/components/Container/Container.story.tsx
+++ b/client/wildcard/src/components/Container/Container.story.tsx
@@ -86,10 +86,6 @@ export const Overview: StoryFn = () => (
 )
 
 Overview.parameters = {
-    chromatic: {
-        enableDarkMode: true,
-        disableSnapshot: false,
-    },
     design: {
         type: 'figma',
         name: 'Figma',
diff --git a/client/wildcard/src/components/Feedback/FeedbackBadge/FeedbackBadge.story.tsx b/client/wildcard/src/components/Feedback/FeedbackBadge/FeedbackBadge.story.tsx
index 6e8d5d72fc5..463a16e3b86 100644
--- a/client/wildcard/src/components/Feedback/FeedbackBadge/FeedbackBadge.story.tsx
+++ b/client/wildcard/src/components/Feedback/FeedbackBadge/FeedbackBadge.story.tsx
@@ -12,10 +12,7 @@ const config: Meta = {
     decorators: [story => <BrandedStory>{() => <div className="container mt-3">{story()}</div>}</BrandedStory>],
     parameters: {
         component: FeedbackBadge,
-        chromatic: {
-            enableDarkMode: true,
-            disableSnapshot: false,
-        },
+
         design: [
             {
                 type: 'figma',
diff --git a/client/wildcard/src/components/Feedback/FeedbackPrompt/FeedbackPrompt.story.tsx b/client/wildcard/src/components/Feedback/FeedbackPrompt/FeedbackPrompt.story.tsx
index f4ec8ccb7fe..d3c27d6115f 100644
--- a/client/wildcard/src/components/Feedback/FeedbackPrompt/FeedbackPrompt.story.tsx
+++ b/client/wildcard/src/components/Feedback/FeedbackPrompt/FeedbackPrompt.story.tsx
@@ -1,8 +1,8 @@
 import React from 'react'
 
-import type { Meta, StoryFn, Args } from '@storybook/react'
+import type { Args, Meta, StoryFn } from '@storybook/react'
 
-import { PopoverTrigger, H1 } from '../..'
+import { H1, PopoverTrigger } from '../..'
 import { BrandedStory } from '../../../stories/BrandedStory'
 import { Button } from '../../Button'
 
@@ -15,13 +15,6 @@ const config: Meta = {
 
     decorators: [story => <BrandedStory>{() => <div className="container mt-3">{story()}</div>}</BrandedStory>],
     parameters: {
-        /**
-         * Uncomment this once Storybook is upgraded to v6.4.* and the `play` function
-         * is used to show the feedback prompt component.
-         *
-         * https://www.chromatic.com/docs/hoverfocus#javascript-triggered-hover-states
-         */
-        // chromatic: { disableSnapshot: false },
         component: FeedbackPrompt,
         design: {
             type: 'figma',
diff --git a/client/wildcard/src/components/Feedback/FeedbackText/FeedbackText.story.tsx b/client/wildcard/src/components/Feedback/FeedbackText/FeedbackText.story.tsx
index 7058478f8b6..67f298118c1 100644
--- a/client/wildcard/src/components/Feedback/FeedbackText/FeedbackText.story.tsx
+++ b/client/wildcard/src/components/Feedback/FeedbackText/FeedbackText.story.tsx
@@ -11,10 +11,6 @@ const config: Meta = {
     decorators: [story => <BrandedStory>{() => <div className="container mt-3">{story()}</div>}</BrandedStory>],
     parameters: {
         component: FeedbackText,
-        chromatic: {
-            enableDarkMode: true,
-            disableSnapshot: false,
-        },
     },
 }
 
diff --git a/client/wildcard/src/components/Form/Checkbox/Checkbox.story.tsx b/client/wildcard/src/components/Form/Checkbox/Checkbox.story.tsx
index 705384feb6a..fac4ccac36a 100644
--- a/client/wildcard/src/components/Form/Checkbox/Checkbox.story.tsx
+++ b/client/wildcard/src/components/Form/Checkbox/Checkbox.story.tsx
@@ -69,10 +69,3 @@ export const CheckboxExamples: StoryFn = () => (
         </Grid>
     </>
 )
-
-CheckboxExamples.parameters = {
-    chromatic: {
-        enableDarkMode: true,
-        disableSnapshot: false,
-    },
-}
diff --git a/client/wildcard/src/components/Form/Input/Input.story.tsx b/client/wildcard/src/components/Form/Input/Input.story.tsx
index af85df8ae80..e37a7c026f1 100644
--- a/client/wildcard/src/components/Form/Input/Input.story.tsx
+++ b/client/wildcard/src/components/Form/Input/Input.story.tsx
@@ -13,10 +13,7 @@ const Story: Meta = {
 
     parameters: {
         component: Input,
-        chromatic: {
-            enableDarkMode: true,
-            disableSnapshot: false,
-        },
+
         design: {
             type: 'figma',
             name: 'Figma',
diff --git a/client/wildcard/src/components/Form/RadioButton/RadioButton.story.tsx b/client/wildcard/src/components/Form/RadioButton/RadioButton.story.tsx
index e01a2e97bb1..766424dd17b 100644
--- a/client/wildcard/src/components/Form/RadioButton/RadioButton.story.tsx
+++ b/client/wildcard/src/components/Form/RadioButton/RadioButton.story.tsx
@@ -91,10 +91,3 @@ export const RadioExamples: StoryFn = () => (
         </Grid>
     </>
 )
-
-RadioExamples.parameters = {
-    chromatic: {
-        enableDarkMode: true,
-        disableSnapshot: false,
-    },
-}
diff --git a/client/wildcard/src/components/Form/Select/Select.story.tsx b/client/wildcard/src/components/Form/Select/Select.story.tsx
index 672f60ea287..4f7c5e1f453 100644
--- a/client/wildcard/src/components/Form/Select/Select.story.tsx
+++ b/client/wildcard/src/components/Form/Select/Select.story.tsx
@@ -82,10 +82,3 @@ export const SelectExamples: StoryFn = () => (
         <SelectVariants isCustomStyle={true} />
     </>
 )
-
-SelectExamples.parameters = {
-    chromatic: {
-        enableDarkMode: true,
-        disableSnapshot: false,
-    },
-}
diff --git a/client/wildcard/src/components/Form/TextArea/TextArea.story.tsx b/client/wildcard/src/components/Form/TextArea/TextArea.story.tsx
index 592adeb23a2..0a137413399 100644
--- a/client/wildcard/src/components/Form/TextArea/TextArea.story.tsx
+++ b/client/wildcard/src/components/Form/TextArea/TextArea.story.tsx
@@ -15,10 +15,7 @@ const config: Meta = {
 
     parameters: {
         component: TextArea,
-        chromatic: {
-            enableDarkMode: true,
-            disableSnapshot: false,
-        },
+
         design: {
             type: 'figma',
             name: 'Figma',
diff --git a/client/wildcard/src/components/Icon/Icon.story.tsx b/client/wildcard/src/components/Icon/Icon.story.tsx
index 8badb628e90..a5737bdbd46 100644
--- a/client/wildcard/src/components/Icon/Icon.story.tsx
+++ b/client/wildcard/src/components/Icon/Icon.story.tsx
@@ -15,10 +15,7 @@ const config: Meta = {
 
     parameters: {
         component: Icon,
-        chromatic: {
-            enableDarkMode: true,
-            disableSnapshot: false,
-        },
+
         design: {
             type: 'figma',
             name: 'Figma',
diff --git a/client/wildcard/src/components/Link/Link/Link.story.tsx b/client/wildcard/src/components/Link/Link/Link.story.tsx
index b9756d7db51..27ad77e26ec 100644
--- a/client/wildcard/src/components/Link/Link/Link.story.tsx
+++ b/client/wildcard/src/components/Link/Link/Link.story.tsx
@@ -17,10 +17,6 @@ const config: Meta = {
 
     parameters: {
         component: Link,
-        chromatic: {
-            enableDarkMode: true,
-            disableSnapshot: false,
-        },
     },
 }
 
diff --git a/client/wildcard/src/components/LoadingSpinner/LoadingSpinner.story.tsx b/client/wildcard/src/components/LoadingSpinner/LoadingSpinner.story.tsx
index 375d028103a..845f50d6938 100644
--- a/client/wildcard/src/components/LoadingSpinner/LoadingSpinner.story.tsx
+++ b/client/wildcard/src/components/LoadingSpinner/LoadingSpinner.story.tsx
@@ -12,10 +12,6 @@ const config: Meta = {
 
     parameters: {
         component: LoadingSpinner,
-        chromatic: {
-            enableDarkMode: true,
-            disableSnapshot: false,
-        },
     },
     argTypes: {
         inline: {
diff --git a/client/wildcard/src/components/Menu/Menu.story.tsx b/client/wildcard/src/components/Menu/Menu.story.tsx
index 1e3145a0ea8..ab2fc436a16 100644
--- a/client/wildcard/src/components/Menu/Menu.story.tsx
+++ b/client/wildcard/src/components/Menu/Menu.story.tsx
@@ -13,10 +13,6 @@ const config: Meta = {
 
     parameters: {
         component: Menu,
-        chromatic: {
-            enableDarkMode: true,
-            disableSnapshot: false,
-        },
     },
 }
 
diff --git a/client/wildcard/src/components/Modal/Modal.story.tsx b/client/wildcard/src/components/Modal/Modal.story.tsx
index 9d197339eaa..2c59374b604 100644
--- a/client/wildcard/src/components/Modal/Modal.story.tsx
+++ b/client/wildcard/src/components/Modal/Modal.story.tsx
@@ -22,9 +22,7 @@ export const Default: StoryFn = () => (
 
 Default.parameters = {
     component: Modal,
-    chromatic: {
-        disableSnapshot: false,
-    },
+
     design: [
         {
             type: 'figma',
diff --git a/client/wildcard/src/components/NavMenu/NavMenu.story.tsx b/client/wildcard/src/components/NavMenu/NavMenu.story.tsx
index deaa67a6685..46c5ef7f5a8 100644
--- a/client/wildcard/src/components/NavMenu/NavMenu.story.tsx
+++ b/client/wildcard/src/components/NavMenu/NavMenu.story.tsx
@@ -21,10 +21,6 @@ const config: Meta = {
 
     parameters: {
         component: NavMenu,
-        chromatic: {
-            enableDarkMode: true,
-            disableSnapshot: false,
-        },
     },
 }
 
diff --git a/client/wildcard/src/components/PageHeader/PageHeader.story.tsx b/client/wildcard/src/components/PageHeader/PageHeader.story.tsx
index caaf98f48c1..c6dfafcefcf 100644
--- a/client/wildcard/src/components/PageHeader/PageHeader.story.tsx
+++ b/client/wildcard/src/components/PageHeader/PageHeader.story.tsx
@@ -94,10 +94,6 @@ export const ComplexHeader: StoryFn = () => (
 ComplexHeader.storyName = 'Complex header'
 
 ComplexHeader.parameters = {
-    chromatic: {
-        enableDarkMode: true,
-        disableSnapshot: false,
-    },
     design: {
         type: 'figma',
         name: 'Figma',
diff --git a/client/wildcard/src/components/PageSelector/PageSelector.story.tsx b/client/wildcard/src/components/PageSelector/PageSelector.story.tsx
index e5d3821d1de..c3d2ac22f80 100644
--- a/client/wildcard/src/components/PageSelector/PageSelector.story.tsx
+++ b/client/wildcard/src/components/PageSelector/PageSelector.story.tsx
@@ -49,13 +49,6 @@ export const AllPageSelectors: StoryFn = () => (
     </>
 )
 
-AllPageSelectors.parameters = {
-    chromatic: {
-        enableDarkMode: true,
-        disableSnapshot: false,
-    },
-}
-
 const Short = () => {
     const [page, setPage] = useState(1)
     return <PageSelector currentPage={page} onPageChange={setPage} totalPages={5} />
diff --git a/client/wildcard/src/components/PageSwitcher/PageSwitcher.story.tsx b/client/wildcard/src/components/PageSwitcher/PageSwitcher.story.tsx
index ef5ae88fff1..982dcea0500 100644
--- a/client/wildcard/src/components/PageSwitcher/PageSwitcher.story.tsx
+++ b/client/wildcard/src/components/PageSwitcher/PageSwitcher.story.tsx
@@ -87,13 +87,6 @@ Simple.args = {
     totalLabel: 'pages',
 }
 
-Simple.parameters = {
-    chromatic: {
-        enableDarkMode: true,
-        disableSnapshot: false,
-    },
-}
-
 function sleep(timeout: number): Promise<void> {
     return new Promise(resolve => setTimeout(resolve, timeout))
 }
diff --git a/client/wildcard/src/components/Panel/story/Panel.story.tsx b/client/wildcard/src/components/Panel/story/Panel.story.tsx
index 80f9cf1170c..4c810d625ce 100644
--- a/client/wildcard/src/components/Panel/story/Panel.story.tsx
+++ b/client/wildcard/src/components/Panel/story/Panel.story.tsx
@@ -29,10 +29,7 @@ const config: Meta = {
 
     parameters: {
         component: Panel,
-        chromatic: {
-            enableDarkMode: true,
-            disableSnapshot: false,
-        },
+
         design: [
             {
                 type: 'figma',
diff --git a/client/wildcard/src/components/Popover/story/Popover.story.tsx b/client/wildcard/src/components/Popover/story/Popover.story.tsx
index 28b37669a70..410404d699d 100644
--- a/client/wildcard/src/components/Popover/story/Popover.story.tsx
+++ b/client/wildcard/src/components/Popover/story/Popover.story.tsx
@@ -157,12 +157,6 @@ export const PositionSettingsGallery: StoryFn = () => {
     )
 }
 
-PositionSettingsGallery.parameters = {
-    chromatic: {
-        disableSnapshot: false,
-    },
-}
-
 export const StandardExample: StoryFn = () => (
     <ScrollCenterBox title="Root scroll block" className={styles.container}>
         <div className={styles.content}>
diff --git a/client/wildcard/src/components/Tabs/Tabs.story.tsx b/client/wildcard/src/components/Tabs/Tabs.story.tsx
index 697cc3eecf7..44ebe884ac4 100644
--- a/client/wildcard/src/components/Tabs/Tabs.story.tsx
+++ b/client/wildcard/src/components/Tabs/Tabs.story.tsx
@@ -27,10 +27,6 @@ const config: Meta = {
     component: Tabs,
     decorators: [story => <BrandedStory>{() => story()}</BrandedStory>],
     parameters: {
-        chromatic: {
-            enableDarkMode: true,
-            disableSnapshot: false,
-        },
         design: [
             {
                 type: 'figma',
diff --git a/client/wildcard/src/components/Tooltip/Tooltip.story.tsx b/client/wildcard/src/components/Tooltip/Tooltip.story.tsx
index 2f99e41c277..2dfaac1b88a 100644
--- a/client/wildcard/src/components/Tooltip/Tooltip.story.tsx
+++ b/client/wildcard/src/components/Tooltip/Tooltip.story.tsx
@@ -95,12 +95,6 @@ export const DefaultOpen: StoryFn = () => (
 )
 
 DefaultOpen.storyName = 'Default Open (Pinned)'
-DefaultOpen.parameters = {
-    chromatic: {
-        enableDarkMode: true,
-        disableSnapshot: false,
-    },
-}
 
 export const DisabledTrigger: StoryFn = () => (
     <Grid columnCount={1}>
diff --git a/client/wildcard/src/components/Tree/Tree.story.tsx b/client/wildcard/src/components/Tree/Tree.story.tsx
index 557c547d6a1..104e466f7b8 100644
--- a/client/wildcard/src/components/Tree/Tree.story.tsx
+++ b/client/wildcard/src/components/Tree/Tree.story.tsx
@@ -19,10 +19,6 @@ const config: Meta = {
 
     parameters: {
         component: Tree,
-        chromatic: {
-            enableDarkMode: false,
-            disableSnapshot: false,
-        },
     },
 }
 
diff --git a/client/wildcard/src/components/Typography/Typography.story.tsx b/client/wildcard/src/components/Typography/Typography.story.tsx
index 4c0667500ef..ec1c9d73738 100644
--- a/client/wildcard/src/components/Typography/Typography.story.tsx
+++ b/client/wildcard/src/components/Typography/Typography.story.tsx
@@ -18,10 +18,7 @@ const config: Meta = {
 
     parameters: {
         component: Label,
-        chromatic: {
-            enableDarkMode: true,
-            disableSnapshot: false,
-        },
+
         design: {
             type: 'figma',
             name: 'Figma',
diff --git a/client/wildcard/src/global-styles/GlobalStylesStory/GlobalStyles.story.tsx b/client/wildcard/src/global-styles/GlobalStylesStory/GlobalStyles.story.tsx
index c0e5f73abab..b374bb6a6ba 100644
--- a/client/wildcard/src/global-styles/GlobalStylesStory/GlobalStyles.story.tsx
+++ b/client/wildcard/src/global-styles/GlobalStylesStory/GlobalStyles.story.tsx
@@ -23,11 +23,7 @@ const decorator: Decorator = story => (
 const config: Meta = {
     title: 'branded/Global styles',
     decorators: [decorator],
-    parameters: {
-        chromatic: {
-            enableDarkMode: true,
-        },
-    },
+    parameters: {},
 }
 
 export default config
diff --git a/client/wildcard/src/stories/hooks/index.ts b/client/wildcard/src/stories/hooks/index.ts
index f7e9593f1fb..1d16f15cdde 100644
--- a/client/wildcard/src/stories/hooks/index.ts
+++ b/client/wildcard/src/stories/hooks/index.ts
@@ -1,3 +1,2 @@
-export * from './useChromaticTheme'
 export * from './usePrependStyles'
 export * from './useStorybookTheme'
diff --git a/client/wildcard/src/stories/hooks/useChromaticTheme.ts b/client/wildcard/src/stories/hooks/useChromaticTheme.ts
deleted file mode 100644
index 1d5a5f73f32..00000000000
--- a/client/wildcard/src/stories/hooks/useChromaticTheme.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import { createContext, useContext } from 'react'
-
-export interface ChromaticTheme {
-    theme: 'light' | 'dark'
-}
-
-export const ChromaticThemeContext = createContext<ChromaticTheme>({
-    theme: 'light',
-})
-
-export function useChromaticDarkMode(): boolean {
-    return useContext(ChromaticThemeContext).theme === 'dark'
-}
diff --git a/client/wildcard/src/stories/hooks/useStorybookTheme.ts b/client/wildcard/src/stories/hooks/useStorybookTheme.ts
index 1805d7890ae..cd33687a212 100644
--- a/client/wildcard/src/stories/hooks/useStorybookTheme.ts
+++ b/client/wildcard/src/stories/hooks/useStorybookTheme.ts
@@ -1,16 +1,9 @@
 import { useLayoutEffect, useState } from 'react'
 
-import { useDarkMode as useRegularDarkMode } from 'storybook-dark-mode'
-
-import { isChromatic } from '../utils/isChromatic'
-
-import { useChromaticDarkMode } from './useChromaticTheme'
-
-const useDarkMode = isChromatic() ? useChromaticDarkMode : useRegularDarkMode
+import { useDarkMode } from 'storybook-dark-mode'
 
 /**
  * Gets current theme and updates value when theme changes
- *
  * @returns isLightTheme: boolean that is true if the light theme is enabled
  */
 export const useStorybookTheme = (): boolean => {
diff --git a/client/wildcard/src/stories/index.ts b/client/wildcard/src/stories/index.ts
index 85ce2fb19a5..2fbbb9dd9c5 100644
--- a/client/wildcard/src/stories/index.ts
+++ b/client/wildcard/src/stories/index.ts
@@ -1,5 +1,3 @@
 export * from './BrandedStory'
-export * from './utils/isChromatic'
-export * from './hooks/useChromaticTheme'
 export * from './hooks/usePrependStyles'
 export * from './hooks/useStorybookTheme'
diff --git a/client/wildcard/src/stories/utils/isChromatic.ts b/client/wildcard/src/stories/utils/isChromatic.ts
deleted file mode 100644
index c911cba4abc..00000000000
--- a/client/wildcard/src/stories/utils/isChromatic.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-// eslint-disable-next-line no-restricted-imports
-import isChromaticDefault from 'chromatic/isChromatic'
-
-/**
- * `chromatic/isChromatic` wrapper that takes into account `process.env.CHROMATIC` for local testing.
- */
-export const isChromatic = (): boolean => isChromaticDefault() || Boolean(process.env.CHROMATIC)
diff --git a/dev/ci/internal/ci/config.go b/dev/ci/internal/ci/config.go
index fe6db7624ca..7e98d3b0a31 100644
--- a/dev/ci/internal/ci/config.go
+++ b/dev/ci/internal/ci/config.go
@@ -222,10 +222,6 @@ type MessageFlags struct {
 	// hash output.
 	SkipHashCompare bool
 
-	// ForceReadyForReview, if true will skip the draft pull request check and run the Chromatic steps.
-	// This allows a user to run the job without marking their PR as ready for review
-	ForceReadyForReview bool
-
 	// NoBazel, if true prevents automatic replacement of job with their Bazel equivalents.
 	NoBazel bool
 }
@@ -233,8 +229,7 @@ type MessageFlags struct {
 // parseMessageFlags gets MessageFlags from the given commit message.
 func parseMessageFlags(msg string) MessageFlags {
 	return MessageFlags{
-		ProfilingEnabled:    strings.Contains(msg, "[buildkite-enable-profiling]"),
-		SkipHashCompare:     strings.Contains(msg, "[skip-hash-compare]"),
-		ForceReadyForReview: strings.Contains(msg, "[review-ready]"),
+		ProfilingEnabled: strings.Contains(msg, "[buildkite-enable-profiling]"),
+		SkipHashCompare:  strings.Contains(msg, "[skip-hash-compare]"),
 	}
 }
diff --git a/dev/ci/internal/ci/operations.go b/dev/ci/internal/ci/operations.go
index 606fc356be3..c5ce977b24f 100644
--- a/dev/ci/internal/ci/operations.go
+++ b/dev/ci/internal/ci/operations.go
@@ -10,7 +10,6 @@ import (
 // e.g. by adding flags, and not as a condition for adding steps or commands.
 type CoreTestOperationsOptions struct {
 	MinimumUpgradeableVersion string
-	ForceReadyForReview       bool
 
 	CacheBundleSize      bool // for addWebAppEnterpriseBuild
 	CreateBundleSizeDiff bool // for addWebAppEnterpriseBuild
diff --git a/dev/ci/internal/ci/pipeline.go b/dev/ci/internal/ci/pipeline.go
index 300e39a117c..48436e54d21 100644
--- a/dev/ci/internal/ci/pipeline.go
+++ b/dev/ci/internal/ci/pipeline.go
@@ -134,7 +134,6 @@ func GeneratePipeline(c Config) (*bk.Pipeline, error) {
 		// types such as main.
 		ops.Merge(CoreTestOperations(buildOptions, c.Diff, CoreTestOperationsOptions{
 			MinimumUpgradeableVersion: minimumUpgradeableVersion,
-			ForceReadyForReview:       c.MessageFlags.ForceReadyForReview,
 			CreateBundleSizeDiff:      true,
 		}))
 
@@ -306,7 +305,6 @@ func GeneratePipeline(c Config) (*bk.Pipeline, error) {
 		// Core tests
 		ops.Merge(CoreTestOperations(buildOptions, changed.All, CoreTestOperationsOptions{
 			MinimumUpgradeableVersion: minimumUpgradeableVersion,
-			ForceReadyForReview:       c.MessageFlags.ForceReadyForReview,
 			CacheBundleSize:           c.RunType.Is(runtype.MainBranch, runtype.MainDryRun, runtype.DockerImages, runtype.CloudEphemeral),
 			IsMainBranch:              true,
 		}))
diff --git a/doc/dev/background-information/web/styling.md b/doc/dev/background-information/web/styling.md
index 07b8a3191fb..ea8a4ea4c10 100644
--- a/doc/dev/background-information/web/styling.md
+++ b/doc/dev/background-information/web/styling.md
@@ -163,8 +163,6 @@ In our webapp, it is recommended to make use of [Bootstrap's margin and padding
 
 ### Layout
 
-We use modern CSS for our layouting needs. You can find a [small playground in our Storybook](https://main--5f0f381c0e50750022dc6bf7.chromatic.com/?path=/story/branded-global-styles--layout). The dev tools of modern browsers provide a lot of useful tooling to work with CSS layouts.
-
 Layouts should always be _responsive_ to make sure Sourcegraph is usable with different screen resolutions and window sizes, e.g. when resizing the browser window and using Sourcegraph side-by-side with an editor.
 
 [CSS Flexbox](https://css-tricks.com/snippets/css/a-guide-to-flexbox/) is used for **one-dimensional** layouts (single rows or columns, with optional wrapping). In the webapp, you can use utility classes for simple flexbox layouts and responsive layouts. This is the most common layout method.
diff --git a/package.json b/package.json
index 8f48ecb0c0d..ad90e2568c3 100644
--- a/package.json
+++ b/package.json
@@ -46,8 +46,6 @@
     "storybook:build": "pnpm --filter @sourcegraph/storybook run build",
     "docsite:serve": "./dev/docsite.sh -config doc/docsite.json serve -http=localhost:5080",
     "build-browser-extension": "pnpm --filter @sourcegraph/browser run build",
-    "chromatic": "CHROMATIC=true pnpm run _chromatic --storybook-config-dir client/storybook/src --build-script-name=storybook:build",
-    "_chromatic": "chromatic",
     "install:browsers": "pnpm -r install:browsers"
   },
   "jscpd": {
@@ -184,7 +182,6 @@
     "bundlesize2": "^0.0.31",
     "chalk": "^4.1.0",
     "chokidar-cli": "^2.1.0",
-    "chromatic": "^11.0.8",
     "chrome-webstore-upload-cli": "^1.2.0",
     "command-exists": "^1.2.9",
     "compression": "^1.7.4",
@@ -261,7 +258,6 @@
     "typescript": "^5.0.2",
     "utc-version": "^2.0.2",
     "vite": "^4.1.4",
-    "vite-plugin-turbosnap": "^1.0.3",
     "vitest": "2.0.3",
     "vitest-fetch-mock": "^0.2.2",
     "vsce": "^2.7.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 7c22d3bde2e..722fe275123 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -866,9 +866,6 @@ importers:
       chokidar-cli:
         specifier: ^2.1.0
         version: 2.1.0
-      chromatic:
-        specifier: ^11.0.8
-        version: 11.0.8
       chrome-webstore-upload-cli:
         specifier: ^1.2.0
         version: 1.2.0
@@ -1094,9 +1091,6 @@ importers:
       vite:
         specifier: ^4.1.4
         version: 4.5.2(@types/node@20.8.0)(sass@1.32.4)
-      vite-plugin-turbosnap:
-        specifier: ^1.0.3
-        version: 1.0.3
       vitest:
         specifier: 2.0.3
         version: 2.0.3(@types/node@20.8.0)(happy-dom@12.10.1)(jsdom@24.0.0)(sass@1.32.4)
@@ -2193,7 +2187,7 @@ packages:
       '@babel/core': 7.24.7
       '@babel/helper-compilation-targets': 7.24.7
       '@babel/helper-plugin-utils': 7.24.7
-      debug: 4.3.4
+      debug: 4.3.5
       lodash.debounce: 4.0.8
       resolve: 1.22.8
     dev: false
@@ -6037,7 +6031,7 @@ packages:
     dependencies:
       '@jest/fake-timers': 29.7.0
       '@jest/types': 29.6.3
-      '@types/node': 20.11.19
+      '@types/node': 20.8.0
       jest-mock: 29.7.0
     dev: false
 
@@ -6047,7 +6041,7 @@ packages:
     dependencies:
       '@jest/types': 29.6.3
       '@sinonjs/fake-timers': 10.3.0
-      '@types/node': 20.11.19
+      '@types/node': 20.8.0
       jest-message-util: 29.7.0
       jest-mock: 29.7.0
       jest-util: 29.7.0
@@ -6086,7 +6080,7 @@ packages:
     dependencies:
       '@types/istanbul-lib-coverage': 2.0.6
       '@types/istanbul-reports': 3.0.4
-      '@types/node': 20.11.19
+      '@types/node': 20.8.0
       '@types/yargs': 15.0.19
       chalk: 4.1.2
     dev: false
@@ -6109,7 +6103,7 @@ packages:
       '@jest/schemas': 29.6.3
       '@types/istanbul-lib-coverage': 2.0.6
       '@types/istanbul-reports': 3.0.4
-      '@types/node': 20.11.19
+      '@types/node': 20.8.0
       '@types/yargs': 17.0.23
       chalk: 4.1.2
 
@@ -10337,7 +10331,7 @@ packages:
       '@storybook/preview-api': 7.6.17
       '@storybook/theming': 7.6.17(react-dom@18.1.0)(react@18.1.0)
       '@storybook/types': 7.6.17
-      '@types/lodash': 4.17.0
+      '@types/lodash': 4.14.167
       color-convert: 2.0.1
       dequal: 2.0.3
       lodash: 4.17.21
@@ -12214,7 +12208,7 @@ packages:
   /@types/graceful-fs@4.1.5:
     resolution: {integrity: sha512-anKkLmZZ+xm4p8JWBf4hElkM4XR+EZeA2M9BAkkTldmcyDY4mbdIJnRghDJH3Ov5ooY7/UAoENtmdMSkaAd7Cw==}
     dependencies:
-      '@types/node': 20.11.19
+      '@types/node': 20.8.0
     dev: true
 
   /@types/har-format@1.2.4:
@@ -12867,7 +12861,7 @@ packages:
       '@typescript-eslint/scope-manager': 5.62.0
       '@typescript-eslint/types': 5.62.0
       '@typescript-eslint/typescript-estree': 5.62.0(typescript@5.4.2)
-      debug: 4.3.4
+      debug: 4.3.5
       eslint: 8.57.0
       typescript: 5.4.2
     dev: true
@@ -14984,25 +14978,12 @@ packages:
     engines: {node: '>=10'}
     dev: true
 
-  /chromatic@11.0.8:
-    resolution: {integrity: sha512-+zJ5h0/Eu5z26KCNLIw2tknbK69gUO8q3Jsew4oU0Q/i/NPhIwcXhvPP7u75aLJgX1EI61+ndiGJA/yeQZQcgw==}
-    hasBin: true
-    peerDependencies:
-      '@chromatic-com/cypress': ^0.*.* || ^1.0.0
-      '@chromatic-com/playwright': ^0.*.* || ^1.0.0
-    peerDependenciesMeta:
-      '@chromatic-com/cypress':
-        optional: true
-      '@chromatic-com/playwright':
-        optional: true
-    dev: true
-
   /chrome-launcher@0.15.2:
     resolution: {integrity: sha512-zdLEwNo3aUVzIhKhTtXfxhdvZhUghrnmkvcAq2NoDd+LeOHKf03H5jwZ8T/STsAlzyALkBVK552iaG1fGf1xVQ==}
     engines: {node: '>=12.13.0'}
     hasBin: true
     dependencies:
-      '@types/node': 20.11.19
+      '@types/node': 20.8.0
       escape-string-regexp: 4.0.0
       is-wsl: 2.2.0
       lighthouse-logger: 1.4.2
@@ -15037,7 +15018,7 @@ packages:
   /chromium-edge-launcher@1.0.0:
     resolution: {integrity: sha512-pgtgjNKZ7i5U++1g1PWv75umkHvhVTDOQIZ+sjeUX9483S7Y6MUvO0lrd7ShGlQlFHMN4SwKTCq/X8hWrbv2KA==}
     dependencies:
-      '@types/node': 20.11.19
+      '@types/node': 20.8.0
       escape-string-regexp: 4.0.0
       is-wsl: 2.2.0
       lighthouse-logger: 1.4.2
@@ -16202,7 +16183,6 @@ packages:
     dependencies:
       ms: 2.1.2
       supports-color: 8.1.1
-    dev: true
 
   /debuglog@1.0.1:
     resolution: {integrity: sha512-syBZ+rnAK3EgMsH2aYEOLUW7mZSY9Gb+0wUMCFsZvcmiz+HigA0LOcq/HoQqVuGG+EKykunc7QG2bzrponfaSw==}
@@ -20183,7 +20163,7 @@ packages:
       '@jest/environment': 29.7.0
       '@jest/fake-timers': 29.7.0
       '@jest/types': 29.6.3
-      '@types/node': 20.11.19
+      '@types/node': 20.8.0
       jest-mock: 29.7.0
       jest-util: 29.7.0
     dev: false
@@ -20204,7 +20184,7 @@ packages:
     dependencies:
       '@jest/types': 29.6.3
       '@types/graceful-fs': 4.1.5
-      '@types/node': 20.11.19
+      '@types/node': 20.8.0
       anymatch: 3.1.3
       fb-watchman: 2.0.2
       graceful-fs: 4.2.11
@@ -20262,7 +20242,7 @@ packages:
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
     dependencies:
       '@jest/types': 29.6.3
-      '@types/node': 20.11.19
+      '@types/node': 20.8.0
       jest-util: 29.7.0
     dev: false
 
@@ -20276,7 +20256,7 @@ packages:
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
     dependencies:
       '@jest/types': 29.6.3
-      '@types/node': 20.11.19
+      '@types/node': 20.8.0
       chalk: 4.1.2
       ci-info: 3.9.0
       graceful-fs: 4.2.11
@@ -20307,7 +20287,7 @@ packages:
     resolution: {integrity: sha512-eIz2msL/EzL9UFTFFx7jBTkeZfku0yUAyZZZmJ93H2TYEiroIx2PQjEXcwYtYl8zXCxb+PAmA2hLIt/6ZEkPHw==}
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
     dependencies:
-      '@types/node': 20.11.19
+      '@types/node': 20.8.0
       jest-util: 29.7.0
       merge-stream: 2.0.0
       supports-color: 8.1.1
@@ -27836,10 +27816,6 @@ packages:
       - rollup
     dev: true
 
-  /vite-plugin-turbosnap@1.0.3:
-    resolution: {integrity: sha512-p4D8CFVhZS412SyQX125qxyzOgIFouwOcvjZWk6bQbNPR1wtaEzFT6jZxAjf1dejlGqa6fqHcuCvQea6EWUkUA==}
-    dev: true
-
   /vite@4.5.2(@types/node@20.8.0)(sass@1.32.4):
     resolution: {integrity: sha512-tBCZBNSBbHQkaGyhGCDUGqeo2ph8Fstyp6FMSvTtsXeZSPpSMGlviAOav2hxVTqFcx8Hj/twtWKsMJXNY0xI8w==}
     engines: {node: ^14.18.0 || >=16.0.0}
diff --git a/third-party-licenses/ThirdPartyLicenses.csv b/third-party-licenses/ThirdPartyLicenses.csv
index bf2737a3ffc..8f5d4eb88bd 100644
--- a/third-party-licenses/ThirdPartyLicenses.csv
+++ b/third-party-licenses/ThirdPartyLicenses.csv
@@ -857,7 +857,6 @@ PNPM,cheerio-select,2.1.0,Simplified BSD,"",Approved
 PNPM,chokidar,3.5.1,MIT,"",Approved
 PNPM,chokidar-cli,2.1.0,MIT,"",Approved
 PNPM,chownr,1.1.4,ISC,"",Approved
-PNPM,chromatic,10.2.0,MIT,"",Approved
 PNPM,chrome-trace-event,1.0.3,MIT,"",Approved
 PNPM,chrome-webstore-upload,0.2.2,MIT,"",Approved
 PNPM,chrome-webstore-upload-cli,1.2.0,MIT,"",Approved
@@ -2595,7 +2594,6 @@ PNPM,vary,1.1.2,MIT,"",Approved
 PNPM,vite,4.4.7,MIT,"",Approved
 PNPM,vite-node,0.33.0,MIT,"",Approved
 PNPM,vite-plugin-inspect,0.7.35,MIT,"",Approved
-PNPM,vite-plugin-turbosnap,1.0.3,MIT,"",Approved
 PNPM,vitefu,0.2.4,MIT,"",Approved
 PNPM,vitest,0.33.0,MIT,"",Approved
 PNPM,vitest-fetch-mock,0.2.2,MIT,"",Approved