diff --git a/packages/frontend/component/src/theme/theme.css.ts b/packages/frontend/component/src/theme/theme.css.ts
index c471d45a1..24187dc84 100644
--- a/packages/frontend/component/src/theme/theme.css.ts
+++ b/packages/frontend/component/src/theme/theme.css.ts
@@ -11,12 +11,8 @@ globalStyle('html', {
vars: lightCssVariables,
});
-globalStyle('html', {
- '@media': {
- '(prefers-color-scheme: dark)': {
- vars: darkCssVariables,
- },
- },
+globalStyle('html[data-theme="dark"]', {
+ vars: darkCssVariables,
});
if (process.env.NODE_ENV === 'development') {
diff --git a/packages/frontend/core/.webpack/template.html b/packages/frontend/core/.webpack/template.html
index 0b8b6e471..4c0ee9501 100644
--- a/packages/frontend/core/.webpack/template.html
+++ b/packages/frontend/core/.webpack/template.html
@@ -2,7 +2,6 @@
-