Skip to main content

Theme

Apollo spreadsheet uses by default style-components, and it brings a theme built using Material UI
However, Apollo is completely customizable and another theme can be easily implemented

Theme Creation

Create a file e.g.: /useApolloThemeConfig.tsx

Theme Export

export function useApolloThemeConfig() {
  const classes = useStyles()
  return { theme: classes as GridTheme, containerClass: classes.container }
}

Theme Implementation

const apolloTheme = useApolloThemeConfig()
<ApolloSpreadSheet
    .
    .
    .
    containerClassName={apolloTheme.containerClass}
    theme={apolloTheme.theme}
/>