From 0d541563a026c893405e63587cd83df148aa5180 Mon Sep 17 00:00:00 2001
From: Matthias Metelka <62722460+kleinerpirat@users.noreply.github.com>
Date: Thu, 24 Nov 2022 11:37:01 +0100
Subject: [PATCH] Add platform-specific classes to body of ts pages (#2211)

---
 qt/aqt/webview.py | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/qt/aqt/webview.py b/qt/aqt/webview.py
index b5f672c08..e8f246e63 100644
--- a/qt/aqt/webview.py
+++ b/qt/aqt/webview.py
@@ -647,11 +647,12 @@ html {{ {font} }}
         self.setSizePolicy(sp)
         self.hide()
 
-    def inject_dynamic_style_and_show(self) -> None:
-        "Add dynamic styling, and reveal."
+    def add_dynamic_css_and_classes_then_show(self) -> None:
+        "Add dynamic styling, set platform-specific body classes and reveal."
         css = self.standard_css()
+        body_classes = theme_manager.body_class().split(" ")
 
-        def after_style(arg: Any) -> None:
+        def after_injection(arg: Any) -> None:
             gui_hooks.webview_did_inject_style_into_page(self)
             self.show()
 
@@ -661,9 +662,10 @@ html {{ {font} }}
     const style = document.createElement('style');
     style.innerHTML = `{css}`;
     document.head.appendChild(style);
+    document.body.classList.add({", ".join([f'"{c}"' for c in body_classes])});
 }})();
 """,
-            after_style,
+            after_injection,
         )
 
     def load_ts_page(self, name: str) -> None:
@@ -677,7 +679,7 @@ html {{ {font} }}
         self.hide_while_preserving_layout()
         self.setZoomFactor(1)
         self.load_url(QUrl(f"{mw.serverURL()}_anki/pages/{name}.html{extra}"))
-        self.inject_dynamic_style_and_show()
+        self.add_dynamic_css_and_classes_then_show()
 
     def force_load_hack(self) -> None:
         """Force process to initialize.