diff --git a/frontend/test/playwright/utils/breakpoints.ts b/frontend/test/playwright/utils/breakpoints.ts
index 3234c9412fa..ef927267350 100644
--- a/frontend/test/playwright/utils/breakpoints.ts
+++ b/frontend/test/playwright/utils/breakpoints.ts
@@ -91,7 +91,10 @@ const makeBreakpointDescribe =
         options = {}
       ) => {
         const snapshotName = getSnapshotName(name, options.dir)
-        return innerExpectSnapshot(page, snapshotName, screenshotAble, options)
+        return innerExpectSnapshot(page, snapshotName, screenshotAble, {
+          ...options,
+          useColorMode: snapshotName.includes("-2xl"),
+        })
       }
 
       _block({ breakpoint, expectSnapshot })
diff --git a/frontend/test/playwright/utils/expect-snapshot.ts b/frontend/test/playwright/utils/expect-snapshot.ts
index 745606dbb43..05769b3ba14 100644
--- a/frontend/test/playwright/utils/expect-snapshot.ts
+++ b/frontend/test/playwright/utils/expect-snapshot.ts
@@ -2,6 +2,8 @@ import { expect } from "@playwright/test"
 
 import { type LanguageDirection, t } from "~~/test/playwright/utils/i18n"
 
+import { sleep } from "~~/test/playwright/utils/navigation"
+
 import type { Breakpoint } from "~/constants/screens"
 
 import type {
@@ -80,9 +82,7 @@ export const expectSnapshot: ExpectSnapshot = async (
   // Hide the theme switcher before taking the screenshot.
   screenshotOptions = {
     ...(screenshotOptions ?? {}),
-    style: `#storybook-theme-switcher {
-              visibility: hidden;
-            }`,
+    style: `#storybook-theme-switcher { visibility: hidden; }`,
   }
 
   expect
@@ -94,6 +94,9 @@ export const expectSnapshot: ExpectSnapshot = async (
   }
   await turnOnDarkMode(page, dir ?? "ltr")
 
+  // Wait for the theme to change.
+  await sleep(100)
+
   expect(await screenshotAble.screenshot(screenshotOptions)).toMatchSnapshot(
     getSnapshotName(name, "dark"),
     snapshotOptions
diff --git a/frontend/test/playwright/visual-regression/components/global-audio-player.spec.ts-snapshots/global-audio-player-on-search-rtl-xs-light-linux.png b/frontend/test/playwright/visual-regression/components/global-audio-player.spec.ts-snapshots/global-audio-player-on-search-rtl-xs-light-linux.png
index 9bad6e17203..61ddc8f1095 100644
Binary files a/frontend/test/playwright/visual-regression/components/global-audio-player.spec.ts-snapshots/global-audio-player-on-search-rtl-xs-light-linux.png and b/frontend/test/playwright/visual-regression/components/global-audio-player.spec.ts-snapshots/global-audio-player-on-search-rtl-xs-light-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/components/header.spec.ts-snapshots/filters-open-ltr-2xl-dark-linux.png b/frontend/test/playwright/visual-regression/components/header.spec.ts-snapshots/filters-open-ltr-2xl-dark-linux.png
new file mode 100644
index 00000000000..8e40558e443
Binary files /dev/null and b/frontend/test/playwright/visual-regression/components/header.spec.ts-snapshots/filters-open-ltr-2xl-dark-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/components/header.spec.ts-snapshots/filters-open-rtl-2xl-dark-linux.png b/frontend/test/playwright/visual-regression/components/header.spec.ts-snapshots/filters-open-rtl-2xl-dark-linux.png
new file mode 100644
index 00000000000..3393992fac5
Binary files /dev/null and b/frontend/test/playwright/visual-regression/components/header.spec.ts-snapshots/filters-open-rtl-2xl-dark-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/components/header.spec.ts-snapshots/resting-ltr-2xl-dark-linux.png b/frontend/test/playwright/visual-regression/components/header.spec.ts-snapshots/resting-ltr-2xl-dark-linux.png
new file mode 100644
index 00000000000..2b3a01d9824
Binary files /dev/null and b/frontend/test/playwright/visual-regression/components/header.spec.ts-snapshots/resting-ltr-2xl-dark-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/components/header.spec.ts-snapshots/resting-rtl-2xl-dark-linux.png b/frontend/test/playwright/visual-regression/components/header.spec.ts-snapshots/resting-rtl-2xl-dark-linux.png
new file mode 100644
index 00000000000..109f977028b
Binary files /dev/null and b/frontend/test/playwright/visual-regression/components/header.spec.ts-snapshots/resting-rtl-2xl-dark-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/components/header.spec.ts-snapshots/scrolled-ltr-2xl-dark-linux.png b/frontend/test/playwright/visual-regression/components/header.spec.ts-snapshots/scrolled-ltr-2xl-dark-linux.png
new file mode 100644
index 00000000000..690e82daac6
Binary files /dev/null and b/frontend/test/playwright/visual-regression/components/header.spec.ts-snapshots/scrolled-ltr-2xl-dark-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/components/header.spec.ts-snapshots/scrolled-rtl-2xl-dark-linux.png b/frontend/test/playwright/visual-regression/components/header.spec.ts-snapshots/scrolled-rtl-2xl-dark-linux.png
new file mode 100644
index 00000000000..58ed6a72e64
Binary files /dev/null and b/frontend/test/playwright/visual-regression/components/header.spec.ts-snapshots/scrolled-rtl-2xl-dark-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/components/header.spec.ts-snapshots/searchbar-active-ltr-2xl-dark-linux.png b/frontend/test/playwright/visual-regression/components/header.spec.ts-snapshots/searchbar-active-ltr-2xl-dark-linux.png
new file mode 100644
index 00000000000..9fca0a98d90
Binary files /dev/null and b/frontend/test/playwright/visual-regression/components/header.spec.ts-snapshots/searchbar-active-ltr-2xl-dark-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/components/header.spec.ts-snapshots/searchbar-active-rtl-2xl-dark-linux.png b/frontend/test/playwright/visual-regression/components/header.spec.ts-snapshots/searchbar-active-rtl-2xl-dark-linux.png
new file mode 100644
index 00000000000..e67e17eaec0
Binary files /dev/null and b/frontend/test/playwright/visual-regression/components/header.spec.ts-snapshots/searchbar-active-rtl-2xl-dark-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/components/header.spec.ts-snapshots/searchbar-hovered-ltr-2xl-dark-linux.png b/frontend/test/playwright/visual-regression/components/header.spec.ts-snapshots/searchbar-hovered-ltr-2xl-dark-linux.png
new file mode 100644
index 00000000000..55f544f2067
Binary files /dev/null and b/frontend/test/playwright/visual-regression/components/header.spec.ts-snapshots/searchbar-hovered-ltr-2xl-dark-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/components/header.spec.ts-snapshots/searchbar-hovered-rtl-2xl-dark-linux.png b/frontend/test/playwright/visual-regression/components/header.spec.ts-snapshots/searchbar-hovered-rtl-2xl-dark-linux.png
new file mode 100644
index 00000000000..6771fb73276
Binary files /dev/null and b/frontend/test/playwright/visual-regression/components/header.spec.ts-snapshots/searchbar-hovered-rtl-2xl-dark-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/content-switcher-open-ltr-2xl-dark-linux.png b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/content-switcher-open-ltr-2xl-dark-linux.png
new file mode 100644
index 00000000000..96c989d1809
Binary files /dev/null and b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/content-switcher-open-ltr-2xl-dark-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/content-switcher-open-rtl-2xl-dark-linux.png b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/content-switcher-open-rtl-2xl-dark-linux.png
new file mode 100644
index 00000000000..848c92b54ed
Binary files /dev/null and b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/content-switcher-open-rtl-2xl-dark-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/content-switcher-with-external-sources-open-ltr-2xl-dark-linux.png b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/content-switcher-with-external-sources-open-ltr-2xl-dark-linux.png
new file mode 100644
index 00000000000..5bd3b1fc562
Binary files /dev/null and b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/content-switcher-with-external-sources-open-ltr-2xl-dark-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/content-switcher-with-external-sources-open-rtl-2xl-dark-linux.png b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/content-switcher-with-external-sources-open-rtl-2xl-dark-linux.png
new file mode 100644
index 00000000000..c0cc99d41c7
Binary files /dev/null and b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/content-switcher-with-external-sources-open-rtl-2xl-dark-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/focused-search-ltr-2xl-dark-linux.png b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/focused-search-ltr-2xl-dark-linux.png
new file mode 100644
index 00000000000..47726f9c153
Binary files /dev/null and b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/focused-search-ltr-2xl-dark-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/focused-search-rtl-2xl-dark-linux.png b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/focused-search-rtl-2xl-dark-linux.png
new file mode 100644
index 00000000000..d5be3a723c2
Binary files /dev/null and b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/focused-search-rtl-2xl-dark-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-ltr-2xl-dark-linux.png b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-ltr-2xl-dark-linux.png
new file mode 100644
index 00000000000..ea968fe0e28
Binary files /dev/null and b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-ltr-2xl-dark-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-rtl-2xl-dark-linux.png b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-rtl-2xl-dark-linux.png
new file mode 100644
index 00000000000..2611eb2d815
Binary files /dev/null and b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/index-rtl-2xl-dark-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/unfocused-search-ltr-2xl-dark-linux.png b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/unfocused-search-ltr-2xl-dark-linux.png
new file mode 100644
index 00000000000..1b05186d0cc
Binary files /dev/null and b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/unfocused-search-ltr-2xl-dark-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/unfocused-search-rtl-2xl-dark-linux.png b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/unfocused-search-rtl-2xl-dark-linux.png
new file mode 100644
index 00000000000..5567d9b1361
Binary files /dev/null and b/frontend/test/playwright/visual-regression/pages/homepage.spec.ts-snapshots/unfocused-search-rtl-2xl-dark-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-from-search-results-with-additional-search-views-ltr-2xl-dark-linux.png b/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-from-search-results-with-additional-search-views-ltr-2xl-dark-linux.png
new file mode 100644
index 00000000000..ba8ad1a5ed3
Binary files /dev/null and b/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-from-search-results-with-additional-search-views-ltr-2xl-dark-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-from-search-results-with-additional-search-views-rtl-2xl-dark-linux.png b/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-from-search-results-with-additional-search-views-rtl-2xl-dark-linux.png
new file mode 100644
index 00000000000..4aceb042b5d
Binary files /dev/null and b/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/audio-from-search-results-with-additional-search-views-rtl-2xl-dark-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-from-search-results-with-additional-search-views-ltr-2xl-dark-linux.png b/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-from-search-results-with-additional-search-views-ltr-2xl-dark-linux.png
new file mode 100644
index 00000000000..3bbccea3d4b
Binary files /dev/null and b/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-from-search-results-with-additional-search-views-ltr-2xl-dark-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-from-search-results-with-additional-search-views-rtl-2xl-dark-linux.png b/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-from-search-results-with-additional-search-views-rtl-2xl-dark-linux.png
new file mode 100644
index 00000000000..485de5e2a64
Binary files /dev/null and b/frontend/test/playwright/visual-regression/pages/pages-single-result.spec.ts-snapshots/image-from-search-results-with-additional-search-views-rtl-2xl-dark-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/pages.spec.ts-snapshots/about-ltr-2xl-dark-linux.png b/frontend/test/playwright/visual-regression/pages/pages.spec.ts-snapshots/about-ltr-2xl-dark-linux.png
new file mode 100644
index 00000000000..5a2c0d73f48
Binary files /dev/null and b/frontend/test/playwright/visual-regression/pages/pages.spec.ts-snapshots/about-ltr-2xl-dark-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/pages.spec.ts-snapshots/about-rtl-2xl-dark-linux.png b/frontend/test/playwright/visual-regression/pages/pages.spec.ts-snapshots/about-rtl-2xl-dark-linux.png
new file mode 100644
index 00000000000..48177955dfa
Binary files /dev/null and b/frontend/test/playwright/visual-regression/pages/pages.spec.ts-snapshots/about-rtl-2xl-dark-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/pages.spec.ts-snapshots/privacy-ltr-2xl-dark-linux.png b/frontend/test/playwright/visual-regression/pages/pages.spec.ts-snapshots/privacy-ltr-2xl-dark-linux.png
new file mode 100644
index 00000000000..5135240acb7
Binary files /dev/null and b/frontend/test/playwright/visual-regression/pages/pages.spec.ts-snapshots/privacy-ltr-2xl-dark-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/pages.spec.ts-snapshots/privacy-rtl-2xl-dark-linux.png b/frontend/test/playwright/visual-regression/pages/pages.spec.ts-snapshots/privacy-rtl-2xl-dark-linux.png
new file mode 100644
index 00000000000..c0f5b6c5328
Binary files /dev/null and b/frontend/test/playwright/visual-regression/pages/pages.spec.ts-snapshots/privacy-rtl-2xl-dark-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/pages.spec.ts-snapshots/search-help-ltr-2xl-dark-linux.png b/frontend/test/playwright/visual-regression/pages/pages.spec.ts-snapshots/search-help-ltr-2xl-dark-linux.png
new file mode 100644
index 00000000000..9c9d5f99f94
Binary files /dev/null and b/frontend/test/playwright/visual-regression/pages/pages.spec.ts-snapshots/search-help-ltr-2xl-dark-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/pages.spec.ts-snapshots/search-help-rtl-2xl-dark-linux.png b/frontend/test/playwright/visual-regression/pages/pages.spec.ts-snapshots/search-help-rtl-2xl-dark-linux.png
new file mode 100644
index 00000000000..8917125de92
Binary files /dev/null and b/frontend/test/playwright/visual-regression/pages/pages.spec.ts-snapshots/search-help-rtl-2xl-dark-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/pages.spec.ts-snapshots/sensitive-content-ltr-2xl-dark-linux.png b/frontend/test/playwright/visual-regression/pages/pages.spec.ts-snapshots/sensitive-content-ltr-2xl-dark-linux.png
new file mode 100644
index 00000000000..bac79962e5c
Binary files /dev/null and b/frontend/test/playwright/visual-regression/pages/pages.spec.ts-snapshots/sensitive-content-ltr-2xl-dark-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/pages.spec.ts-snapshots/sensitive-content-rtl-2xl-dark-linux.png b/frontend/test/playwright/visual-regression/pages/pages.spec.ts-snapshots/sensitive-content-rtl-2xl-dark-linux.png
new file mode 100644
index 00000000000..d6eda322235
Binary files /dev/null and b/frontend/test/playwright/visual-regression/pages/pages.spec.ts-snapshots/sensitive-content-rtl-2xl-dark-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/pages.spec.ts-snapshots/sources-ltr-2xl-dark-linux.png b/frontend/test/playwright/visual-regression/pages/pages.spec.ts-snapshots/sources-ltr-2xl-dark-linux.png
new file mode 100644
index 00000000000..5c1b269759e
Binary files /dev/null and b/frontend/test/playwright/visual-regression/pages/pages.spec.ts-snapshots/sources-ltr-2xl-dark-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/pages.spec.ts-snapshots/sources-rtl-2xl-dark-linux.png b/frontend/test/playwright/visual-regression/pages/pages.spec.ts-snapshots/sources-rtl-2xl-dark-linux.png
new file mode 100644
index 00000000000..532efac50b2
Binary files /dev/null and b/frontend/test/playwright/visual-regression/pages/pages.spec.ts-snapshots/sources-rtl-2xl-dark-linux.png differ
diff --git a/frontend/test/playwright/visual-regression/pages/search-with-banners.spec.ts-snapshots/page-with-all-banners-2xl-dark-linux.png b/frontend/test/playwright/visual-regression/pages/search-with-banners.spec.ts-snapshots/page-with-all-banners-2xl-dark-linux.png
new file mode 100644
index 00000000000..1fe7200027b
Binary files /dev/null and b/frontend/test/playwright/visual-regression/pages/search-with-banners.spec.ts-snapshots/page-with-all-banners-2xl-dark-linux.png differ