Interface ThemeOptions

interface ThemeOptions {
    cssBaseline?: boolean;
    dark?: Theme;
    defaultMode?: ThemeMode;
    forceLightGrid?: boolean;
    forceLightImages?: boolean;
    forceMode?: string;
    light?: Theme;
    onForceLightGridChange?: ((force) => void);
    onForceLightImagesChange?: ((force) => void);
    onForceModeChange?: ((mode) => void);
}

Properties

cssBaseline?: boolean

When theming also apply the MUI CssBaseline.

Default Value

false
dark?: Theme

Default Value

Exhibit Dark Theme

defaultMode?: ThemeMode

Default Value

light
forceLightGrid?: boolean

By default the the standalone workbook grid will be the same theme as the workbook. If forceGridLight is true then the grid will always use the light mode. This will cause the grid to have current Excel behavior (2023).

Remarks

When the grid has a dark theme it will attempt to use DocTheme dark colors but will 'force' non dark-themed colors to be light via an inversion algo.

Default Value

true
forceLightImages?: boolean

By default the the standalone workbook images will invert images if the grid is in dark mode.

Remarks

Default Value

false.
forceMode?: string

The user doesn't want to use the default

Default Value

null
light?: Theme

Default Value

Exhibit Light Theme

onForceLightGridChange?: ((force) => void)

Type declaration

    • (force): void
    • Parameters

      • force: boolean

      Returns void

onForceLightImagesChange?: ((force) => void)

Type declaration

    • (force): void
    • Parameters

      • force: boolean

      Returns void

onForceModeChange?: ((mode) => void)

Called if the current mode changes for the AppTheme

Type declaration

    • (mode): void
    • Parameters

      Returns void

Remarks

This is only used if the themeOptions are not provided If null is sent then the theme should inherited