fix: restore dark mode body image backgrounds

Apply light gray backgrounds to body images in dark themes for both English and Chinese mdBook themes while explicitly excluding homepage frontpage images.

books/zh/theme/dark-mode-images.css

@@ -1,6 +1,16 @@
-html.light img[src$=".png"],
-html.light img[src$=".jpg"],
-html.light img[src$=".jpeg"],
-html.light img[src$=".gif"] {
-  background-color: #fff;
+/* 暗色模式下仅为正文图片添加浅灰色背景，提高透明背景图片的可读性 */
+.navy .content main img,
+.coal .content main img,
+.ayu .content main img {
+  background-color: #e8e8e8;
+  border-radius: 4px;
+  padding: 8px;
+}
+
+/* 首页 frontpage 图片保持透明，不添加正文图像底色。 */
+.navy .openmlsys-frontpage img,
+.coal .openmlsys-frontpage img,
+.ayu .openmlsys-frontpage img {
+  background-color: transparent !important;
+  padding: 0 !important;
 }

tests/test_dark_mode_images_css.py

@@ -0,0 +1,30 @@
+from __future__ import annotations
+
+import unittest
+from pathlib import Path
+
+
+REPO_ROOT = Path(__file__).resolve().parents[1]
+
+
+class DarkModeImagesCssTests(unittest.TestCase):
+    def test_both_theme_css_files_style_dark_mode_body_images_only(self) -> None:
+        css_paths = [
+            REPO_ROOT / "theme" / "dark-mode-images.css",
+            REPO_ROOT / "books" / "zh" / "theme" / "dark-mode-images.css",
+        ]
+
+        for css_path in css_paths:
+            css = css_path.read_text(encoding="utf-8")
+
+            self.assertIn(".navy .content main img", css, css_path.as_posix())
+            self.assertIn(".coal .content main img", css, css_path.as_posix())
+            self.assertIn(".ayu .content main img", css, css_path.as_posix())
+            self.assertIn("background-color: #e8e8e8;", css, css_path.as_posix())
+            self.assertIn(".openmlsys-frontpage img", css, css_path.as_posix())
+            self.assertIn("background-color: transparent !important;", css, css_path.as_posix())
+            self.assertIn("padding: 0 !important;", css, css_path.as_posix())
+
+
+if __name__ == "__main__":
+    unittest.main()

theme/dark-mode-images.css

@@ -1,8 +1,16 @@
-/* 暗色模式下为图片添加浅灰色背景，提高透明背景图片的可读性 */
-.navy img,
-.coal img,
-.ayu img {
+/* 暗色模式下仅为正文图片添加浅灰色背景，提高透明背景图片的可读性 */
+.navy .content main img,
+.coal .content main img,
+.ayu .content main img {
     background-color: #e8e8e8;
     border-radius: 4px;
     padding: 8px;
 }
+
+/* 首页 frontpage 图片保持透明，不添加正文图像底色。 */
+.navy .openmlsys-frontpage img,
+.coal .openmlsys-frontpage img,
+.ayu .openmlsys-frontpage img {
+    background-color: transparent !important;
+    padding: 0 !important;
+}