From 5951f5c5c4cb76b6f564f53d579196352fd36465 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Joakim=20S=C3=B8rensen?= <ludeeus@ludeeus.dev>
Date: Mon, 30 May 2022 16:56:13 +0200
Subject: [PATCH] Prefer CSS variables in custom panel entrypoint (#12818)

---
 src/entrypoints/custom-panel.ts | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/entrypoints/custom-panel.ts b/src/entrypoints/custom-panel.ts
index 4a40fcab04..00cdb756a1 100644
--- a/src/entrypoints/custom-panel.ts
+++ b/src/entrypoints/custom-panel.ts
@@ -51,11 +51,15 @@ function initialize(
   const style = document.createElement("style");
 
   style.innerHTML = `
-  body { margin:0; }
+  body {
+    margin:0;
+    background-color: var(--primary-background-color, #fafafa);
+    color: var(--primary-text-color, #212121);
+  }
   @media (prefers-color-scheme: dark) {
     body {
-      background-color: #111111;
-      color: #e1e1e1;
+      background-color: var(--primary-background-color, #111111);
+      color: var(--primary-text-color, #e1e1e1);
     }
   }`;
   document.head.appendChild(style);