Skip to content

Latest commit

 

History

History
25 lines (20 loc) · 1.04 KB

File metadata and controls

25 lines (20 loc) · 1.04 KB

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
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