diff --git a/crates/goose-server/src/routes/templates/mcp_app_proxy.html b/crates/goose-server/src/routes/templates/mcp_app_proxy.html
index 28fc99194c..cea3318e8f 100644
--- a/crates/goose-server/src/routes/templates/mcp_app_proxy.html
+++ b/crates/goose-server/src/routes/templates/mcp_app_proxy.html
@@ -3,6 +3,7 @@
+
diff --git a/ui/desktop/index.html b/ui/desktop/index.html
index bf01dfc429..78a85db070 100644
--- a/ui/desktop/index.html
+++ b/ui/desktop/index.html
@@ -17,13 +17,19 @@
if (isDark) {
document.documentElement.classList.add('dark');
+ document.documentElement.style.colorScheme = 'dark';
} else {
document.documentElement.classList.remove('dark');
+ document.documentElement.style.colorScheme = 'light';
}
} else {
const systemPrefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
if (systemPrefersDark) {
document.documentElement.classList.add('dark');
+ document.documentElement.style.colorScheme = 'dark';
+ } else {
+ document.documentElement.classList.remove('dark');
+ document.documentElement.style.colorScheme = 'light';
}
}
} catch (error) {
@@ -31,6 +37,10 @@
const systemPrefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
if (systemPrefersDark) {
document.documentElement.classList.add('dark');
+ document.documentElement.style.colorScheme = 'dark';
+ } else {
+ document.documentElement.classList.remove('dark');
+ document.documentElement.style.colorScheme = 'light';
}
}
}
diff --git a/ui/desktop/src/contexts/ThemeContext.tsx b/ui/desktop/src/contexts/ThemeContext.tsx
index 94dbb236e3..16c97e7bda 100644
--- a/ui/desktop/src/contexts/ThemeContext.tsx
+++ b/ui/desktop/src/contexts/ThemeContext.tsx
@@ -29,6 +29,7 @@ function applyThemeToDocument(theme: ResolvedTheme): void {
const toRemove = theme === 'dark' ? 'light' : 'dark';
document.documentElement.classList.add(theme);
document.documentElement.classList.remove(toRemove);
+ document.documentElement.style.colorScheme = theme;
}
// Built once — light-dark() values are theme-independent