Search
K

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)
Screen Shot 2020-03-11 at 2 11 45 PM
light
Screen Shot 2020-03-11 at 2 10 15 PM
base
Screen Shot 2020-03-11 at 2 10 49 PM