ai-space/goose
3
0
Fork 0
mirror of https://github.com/aaif-goose/goose.git synced 2026-07-03 14:10:03 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix(apps): declare color-scheme to allow transparent MCP App iframes (#7479)

Browse Source
This commit is contained in:
Andrew Harvard
2026-02-24 13:50:38 -05:00
committed by GitHub
parent 20166906a5
commit 5e59b4dcb2
3 changed files with 12 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
crates/goose-server/src/routes/templates/mcp_app_proxy.html
+1
View File
@@ -3,6 +3,7 @@
<head>
<meta charset="utf-8"/>
<meta name="referrer" content="no-referrer"/>
<meta name="color-scheme" content="light dark"/>
<!--
The Content Security Policy is dynamically created by Rust at request time based on the domains declared in the MCP App's resource metadata.
-->
ui/desktop/index.html
+10
View File
@@ -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';
}
}
}
ui/desktop/src/contexts/ThemeContext.tsx
+1
View File
@@ -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