#app background(CSS)

trashhalo · May 16, 2023 · 515f3f1 · 515f3f1
1 parent eaecc3e
commit 515f3f1
Showing 1 changed file with 17 additions and 1 deletion.
diff --git a/src/main.ts b/src/main.ts
@@ -35,14 +35,30 @@ function createModel() {
 
 async function main() {
   const app = new App({
-    target: document.getElementById("app"),
+    target: document.getElementById("app") as Element,
   });
 
+
+  let background;
+  let color;
+  const rootThemeColor = () => {
+    const root = parent.document.querySelector(":root");
+    if (root) {
+      const rootStyles = getComputedStyle(root);
+      background = rootStyles.getPropertyValue("--ls-primary-background-color") || "#ffffff";
+      color = rootStyles.getPropertyValue("--ls-primary-text-color") || "#000000";
+    }
+  };
+  rootThemeColor();
+  logseq.App.onThemeModeChanged(() => { rootThemeColor(); });
+
   const baseStyles: CSS.Properties = {
     position: "fixed",
     zIndex: 12,
     height: "calc(100vh - 8px)",
     top: "8px",
+    background,
+    color,
   };
 
   logseq.setMainUIInlineStyle(baseStyles);