fix(apps): declare color-scheme to allow transparent MCP App iframes (#7479)
This commit is contained in:
@@ -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';
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user