DocSpace-client/packages/components/theme-provider

ThemeProvider

Custom theme provider based on Theme Provider.

List of themes:

• Base theme
• Dark theme

You can change the CSS styles in the theme, and they will be applied to all children components of ThemeProvider

Usage

import ThemeProvider from "@docspace/components/theme-provider";
import Themes from "@docspace/components/themes";

const newTheme = {...Themes.Base, color: "red"}

<ThemeProvider theme={newTheme}>
  <Box>
    <Text>Base theme</Text>
  </Box>
</ThemeProvider>;

ThemeProvider Properties

Props	Type	Required	Values	Default	Description
theme	object	✅	-	Base styles	Applies a theme to all children components
currentColorScheme	object, boolean	✅	-	-	Applies a colorTheme to all children components