Make feedback form have better theme-sensitive styling

cognitive-engineering-lab · Mar 21, 2024 · 5bcc4d0 · 5bcc4d0
1 parent 8b41d62
commit 5bcc4d0
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/js-extensions/packages/feedback/lib/modal.tsx b/js-extensions/packages/feedback/lib/modal.tsx
@@ -13,7 +13,13 @@ const modalStyles = {
     bottom: "auto",
     marginRight: "-50%",
     transform: "translate(-50%, -50%)",
+    background: "var(--theme-popup-bg)",    
+    borderColor: "var(--theme-popup-border)",
+    color: "var(--fg)",
   },
+  overlay: {
+    backgroundColor: "color-mix(in srgb, var(--bg) 80%, transparent)"
+  }
 };
 
 type FeedbackModalProps = {