Theming

The datagrid comes with a light and a dark theme, but you can override all or part of them via the theme prop.

import { darkTheme, lightTheme, type Theme } from '@lightgrid/core'

<DataGrid theme={darkTheme} />
// Or:
<DataGrid theme={lightTheme} />

// Or create a custom theme
const myCustomTheme: Theme = {
  ...darkTheme,
  headerCellBg: 'rgb(93, 126, 234)',
}
<DataGrid theme={myCustomTheme} />

View Source