diff --git a/mkdocs_drawio/css/drawio-darkmode.css b/mkdocs_drawio/css/drawio-darkmode.css index b80635e..a32023d 100644 --- a/mkdocs_drawio/css/drawio-darkmode.css +++ b/mkdocs_drawio/css/drawio-darkmode.css @@ -13,3 +13,11 @@ [data-bs-theme="dark"] { color-scheme: dark; } + +/* Override drawio's color-scheme + to just inherit from what was set + for the page in the code above */ +.mxgraph, +.geDiagramContainer { + color-scheme: inherit !important; +} \ No newline at end of file diff --git a/mkdocs_drawio/js/drawio-darkmode.js b/mkdocs_drawio/js/drawio-darkmode.js deleted file mode 100644 index d2884bb..0000000 --- a/mkdocs_drawio/js/drawio-darkmode.js +++ /dev/null @@ -1,16 +0,0 @@ -const colorSchemeToggle = async function () { - document.querySelectorAll("div.mxgraph").forEach(function (div) { - let style = div.getAttribute("style").replace(/color-scheme: light;/gi, ""); - div.setAttribute("style", style); - }); -}; - -if (typeof document$ !== "undefined" && typeof document$.subscribe === "function") { - document$.subscribe(({ body }) => { - colorSchemeToggle(); - }); -} else { - document.addEventListener("DOMContentLoaded", function () { - colorSchemeToggle(); - }); -} diff --git a/mkdocs_drawio/plugin.py b/mkdocs_drawio/plugin.py index 80e2d46..6e99685 100644 --- a/mkdocs_drawio/plugin.py +++ b/mkdocs_drawio/plugin.py @@ -151,7 +151,6 @@ def on_config(self, config: base.Config): if self.config.darkmode: self.css.append("css/drawio-darkmode.css") - self.js.append("js/drawio-darkmode.js") for path in self.css: config.extra_css.append(str(path)) diff --git a/pyproject.toml b/pyproject.toml index 1d9f102..e813544 100644 --- a/pyproject.toml +++ b/pyproject.toml @@ -1,6 +1,6 @@ [tool.poetry] name = "mkdocs-drawio" -version = "1.12.1" +version = "1.12.2" description = "MkDocs plugin for embedding Drawio files" authors = [ "Jan Larwig ",