Custom theme

You can pass theme name or object used to customize Kepler.gl style. Kepler.gl provide an 'light' theme besides the default 'dark' theme. When pass in a theme object Kepler.gl will use the value passed as input to overwrite values from theme.
import KeplerGl from 'kepler.gl';
​
const Map = props => (
  <KeplerGl
    id="foo"
    width={width}
    mapboxApiAccessToken={token}
    height={height}
    theme="light"
  />
);
Available Themes
theme
Text
dark (default)
​
​
light
​
​
base
​
​

theme	Text
`dark` (default)
`light`
`base`

Provider

Localization

Last modified 6mo ago