From 89c08be712338cbede2f765d8b2fed5a630697f8 Mon Sep 17 00:00:00 2001
From: archipelago <archipelago@localhost>
Date: Mon, 28 Sep 2026 12:37:40 -0400
Subject: [PATCH] fix(aiui): match host color scheme for iframe transparency

---
 aiui/packages/app/src/styles/main.css | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/aiui/packages/app/src/styles/main.css b/aiui/packages/app/src/styles/main.css
index e6ac3ad8..1ee091b0 100644
--- a/aiui/packages/app/src/styles/main.css
+++ b/aiui/packages/app/src/styles/main.css
@@ -68,6 +68,12 @@ html.light body {
 
 /* The host owns the wallpaper when AIUI is embedded. The document canvas
    must be transparent too, otherwise it hides the host behind ChatPage. */
+html.aiui-embedded {
+  /* Match Archy's dark canvas scheme. Browsers otherwise give an iframe
+     with a different scheme an opaque canvas despite transparent CSS. */
+  color-scheme: dark;
+}
+
 html.aiui-embedded,
 html.aiui-embedded body {
   background: transparent;