diff --git a/e2e/visual.spec.ts b/e2e/visual.spec.ts
new file mode 100644
index 00000000..d26f721b
--- /dev/null
+++ b/e2e/visual.spec.ts
@@ -0,0 +1,18 @@
+import { test, expect } from "@playwright/test";
+
+test.beforeEach(async ({ page }) => {
+  await page.goto("http://dozzle:8080/");
+});
+
+test.describe("default", () => {
+  test("homepage", async ({ page }) => {
+    await expect(page.locator("aside")).toHaveScreenshot({});
+  });
+});
+
+test.describe("dark", () => {
+  test.use({ colorScheme: "dark" });
+  test("homepage", async ({ page }) => {
+    await expect(page.locator("aside")).toHaveScreenshot({});
+  });
+});
diff --git a/e2e/visual.spec.ts-snapshots/dark-homepage-1-Mobile-Chrome-linux.png b/e2e/visual.spec.ts-snapshots/dark-homepage-1-Mobile-Chrome-linux.png
new file mode 100644
index 00000000..e64154ff
Binary files /dev/null and b/e2e/visual.spec.ts-snapshots/dark-homepage-1-Mobile-Chrome-linux.png differ
diff --git a/e2e/visual.spec.ts-snapshots/dark-homepage-1-chromium-linux.png b/e2e/visual.spec.ts-snapshots/dark-homepage-1-chromium-linux.png
new file mode 100644
index 00000000..ee93ddda
Binary files /dev/null and b/e2e/visual.spec.ts-snapshots/dark-homepage-1-chromium-linux.png differ
diff --git a/e2e/visual.spec.ts-snapshots/default-homepage-1-Mobile-Chrome-linux.png b/e2e/visual.spec.ts-snapshots/default-homepage-1-Mobile-Chrome-linux.png
new file mode 100644
index 00000000..70e77a3f
Binary files /dev/null and b/e2e/visual.spec.ts-snapshots/default-homepage-1-Mobile-Chrome-linux.png differ
diff --git a/e2e/visual.spec.ts-snapshots/default-homepage-1-chromium-linux.png b/e2e/visual.spec.ts-snapshots/default-homepage-1-chromium-linux.png
new file mode 100644
index 00000000..f35097c7
Binary files /dev/null and b/e2e/visual.spec.ts-snapshots/default-homepage-1-chromium-linux.png differ
diff --git a/playwright.config.ts b/playwright.config.ts
index eaaee44f..1f4fd817 100644
--- a/playwright.config.ts
+++ b/playwright.config.ts
@@ -37,21 +37,11 @@ export default defineConfig({
       use: { ...devices["Desktop Chrome"] },
     },
 
-    {
-      name: "webkit",
-      use: { ...devices["Desktop Safari"] },
-    },
-
     {
       name: "Mobile Chrome",
       use: { ...devices["Pixel 5"] },
       testMatch: "**/visual.spec.ts",
     },
-    {
-      name: "Mobile Safari",
-      use: { ...devices["iPhone 12"] },
-      testMatch: "**/visual.spec.ts",
-    },
 
     /* Test against branded browsers. */
     // {