From 3d59f9127e7749ef7c7dd933d32067ef27781eac Mon Sep 17 00:00:00 2001
From: David Heinemeier Hansson <david@hey.com>
Date: Sat, 1 Aug 2026 12:53:30 -0700
Subject: [PATCH] Make WhatsApp follow the system theme

---
 .../extensions/whatsapp-slim/manifest.json    |  8 +++--
 .../extensions/whatsapp-slim/system-theme.js  |  4 +++
 test/shell.d/whatsapp-slim-test.sh            | 30 +++++++++++++++++++
 3 files changed, 39 insertions(+), 3 deletions(-)
 create mode 100644 default/chromium/extensions/whatsapp-slim/system-theme.js
 create mode 100644 test/shell.d/whatsapp-slim-test.sh

diff --git a/default/chromium/extensions/whatsapp-slim/manifest.json b/default/chromium/extensions/whatsapp-slim/manifest.json
index 48471bd5..9d516bfe 100644
--- a/default/chromium/extensions/whatsapp-slim/manifest.json
+++ b/default/chromium/extensions/whatsapp-slim/manifest.json
@@ -1,12 +1,14 @@
 {
   "manifest_version": 3,
   "name": "WhatsApp Slim",
-  "version": "1.0",
-  "description": "Collapse WhatsApp Web's chat list to an avatar rail in narrow windows, this extension is installed by Omarchy",
+  "version": "1.1",
+  "description": "Make WhatsApp Web follow the system theme and collapse its chat list in narrow windows, this extension is installed by Omarchy",
   "content_scripts": [
     {
       "matches": ["https://web.whatsapp.com/*"],
-      "css": ["whatsapp.css"]
+      "css": ["whatsapp.css"],
+      "js": ["system-theme.js"],
+      "run_at": "document_start"
     }
   ]
 }
diff --git a/default/chromium/extensions/whatsapp-slim/system-theme.js b/default/chromium/extensions/whatsapp-slim/system-theme.js
new file mode 100644
index 00000000..71c1c3be
--- /dev/null
+++ b/default/chromium/extensions/whatsapp-slim/system-theme.js
@@ -0,0 +1,4 @@
+if (localStorage.getItem("system-theme-mode") !== "true") {
+  localStorage.setItem("system-theme-mode", "true");
+  location.reload();
+}
diff --git a/test/shell.d/whatsapp-slim-test.sh b/test/shell.d/whatsapp-slim-test.sh
new file mode 100644
index 00000000..266dbe81
--- /dev/null
+++ b/test/shell.d/whatsapp-slim-test.sh
@@ -0,0 +1,30 @@
+#!/bin/bash
+
+source "$(dirname "${BASH_SOURCE[0]}")/base-test.sh"
+
+require_command jq
+require_command node
+
+EXT_DIR="$ROOT/default/chromium/extensions/whatsapp-slim"
+
+jq -e '
+  .content_scripts[0].js == ["system-theme.js"] and
+  .content_scripts[0].run_at == "document_start"
+' "$EXT_DIR/manifest.json" >/dev/null || fail "WhatsApp enables system theming before startup"
+
+mode=$(node - "$EXT_DIR/system-theme.js" <<'JS'
+const fs = require("fs")
+const values = new Map()
+let reloaded = false
+global.localStorage = {
+  getItem: key => values.get(key),
+  setItem: (key, value) => values.set(key, value),
+}
+global.location = { reload: () => { reloaded = true } }
+eval(fs.readFileSync(process.argv[2], "utf8"))
+process.stdout.write(`${values.get("system-theme-mode")}:${reloaded}`)
+JS
+)
+
+[[ $mode == "true:true" ]] || fail "WhatsApp selects its system theme mode" "$mode"
+pass "WhatsApp follows the system theme through its existing slim extension"