Add custom CSS for darkmode to fix WhatsApp and Threema QR codes

1 files changed, 22 insertions, 0 deletions

diff --git a/src/webview/darkmode/custom.js b/src/webview/darkmode/custom.js
new file mode 100644
index 000000000..4b2b89fb2
--- /dev/null
+++ b/src/webview/darkmode/custom.js
@@ -0,0 +1,22 @@
+// CSS for pages that need custom styles to work correctly in darkmode
+export default { 
+  'web.whatsapp.com': `
+    div.landing-window > div.landing-main {
+      background-color: #FFFFFF !important;
+    }
+    div.landing-window > div.landing-main * {
+      color: #212121 !important;
+    }
+  `,
+  'web.threema.ch': `
+    .scan {
+      background-color: #FFF;
+    }
+    .scan * {
+      color: #212121;
+    }
+    .scan input.md-input {
+      color: #212121;
+    }
+  `
+};