Hiyve Components - v1.0.0
    Preparing search index...

    Function buildMuiThemedColors

    • Pure builder — same bundles as useMuiThemedColors but accepts an explicit theme. Use this when you need to derive colors from a theme that isn't the one returned by useTheme() — for example, when you create a nested ThemeProvider inside your component and want editor colors to match that inner theme instead of the outer app theme.

      Parameters

      • theme: Theme

      Returns MuiThemedColors

      const meetingTheme = useMemo(() => buildTheme(mode, accent), [mode, accent]);
      const colors = useMemo(() => buildMuiThemedColors(meetingTheme), [meetingTheme]);

      return (
      <ThemeProvider theme={meetingTheme}>
      <NoteEditor colors={colors.noteColors} />
      </ThemeProvider>
      );