> For the complete documentation index, see [llms.txt](https://docs.mapbox.com/android/navigation/ux/llms.txt)

# Map styles

The Navigation SDK UX Framework is pre-built with the default map styles: day, night, satellite and 3D. As a user, you can switch between them through app settings. The transition between day and night map styles depends on the system theme.

You can use default ones or set up your own styles through the configuration object like this:

```kotlin
Dash.init(
   applicationContext = applicationContext,
   accessToken = getString(R.string.mapbox_access_token)
) {
   mapStyle {
      dayStyleUri = <day_style_uri>
      nightStyleUri = <night_style_uri>
      satelliteStyleUri = <satellite_style_uri>
      map3dStyleUri = <map_3D_style_uri>
      // The map custom pixel ratio. By default, it is set to null
      pixelRatio = <pixel_ratio_float_value>
      // Enabling this feature will change the color of the route legs that aren't currently being navigated.
      styleInactiveRouteLegsIndependently = true
   }
}
```

Usually a style URI points to mapbox studio style id:

```kotlin
mapbox://styles/<mapbox-account-name>/<style-id>
```

But in some cases, it might be needed to load a map style from a local JSON file. In such cases you can put the style JSON in the `asset` folder and load it from there:

```kotlin
asset://<style-name>.json
```