diff --git a/web/packages/base/components/utils/theme.ts b/web/packages/base/components/utils/theme.ts
index b955b4180e..76ff4c108f 100644
--- a/web/packages/base/components/utils/theme.ts
+++ b/web/packages/base/components/utils/theme.ts
@@ -25,6 +25,8 @@ export const getTheme = (
     const palette = getPallette(themeColor, colors);
     const components = getComponents(colors, palette, typography);
     return createTheme({
+        cssVariables: true,
+        colorSchemes: { dark: true, light: false },
         colors,
         palette,
         typography,