---
title: "SkyProps | JavaScript maps SDK"
description: "Documentation for MapTiler SDK"
---

> For AI agents: a documentation index is available at [/llms.txt](https://docs.maptiler.com/llms.txt). Markdown versions of all pages are available by appending .md to any URL.

# Type Alias SkyProps

type SkyProps \= {  
    ["atmosphere-blend"](#atmosphere-blend): [DataConstantProperty](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.DataConstantProperty/)<number\>;  
    ["fog-color"](#fog-color): [DataConstantProperty](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.DataConstantProperty/)<[Color](https://docs.maptiler.com/sdk-js/api-reference/classes/Color/)\>;  
    ["fog-ground-blend"](#fog-ground-blend): [DataConstantProperty](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.DataConstantProperty/)<number\>;  
    ["horizon-color"](#horizon-color): [DataConstantProperty](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.DataConstantProperty/)<[Color](https://docs.maptiler.com/sdk-js/api-reference/classes/Color/)\>;  
    ["horizon-fog-blend"](#horizon-fog-blend): [DataConstantProperty](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.DataConstantProperty/)<number\>;  
    ["sky-color"](#sky-color): [DataConstantProperty](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.DataConstantProperty/)<[Color](https://docs.maptiler.com/sdk-js/api-reference/classes/Color/)\>;  
    ["sky-horizon-blend"](#sky-horizon-blend): [DataConstantProperty](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.DataConstantProperty/)<number\>;  
}

##### Index

### Properties[](#properties)

[atmosphere-blend](#atmosphere-blend) [fog-color](#fog-color) [fog-ground-blend](#fog-ground-blend) [horizon-color](#horizon-color) [horizon-fog-blend](#horizon-fog-blend) [sky-color](#sky-color) [sky-horizon-blend](#sky-horizon-blend)

## Properties[](#properties-1)

### atmosphere-blend[](#atmosphere-blend)

"atmosphere-blend": [DataConstantProperty](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.DataConstantProperty/)<number\>

### fog-color[](#fog-color)

"fog-color": [DataConstantProperty](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.DataConstantProperty/)<[Color](https://docs.maptiler.com/sdk-js/api-reference/classes/Color/)\>

### fog-ground-blend[](#fog-ground-blend)

"fog-ground-blend": [DataConstantProperty](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.DataConstantProperty/)<number\>

### horizon-color[](#horizon-color)

"horizon-color": [DataConstantProperty](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.DataConstantProperty/)<[Color](https://docs.maptiler.com/sdk-js/api-reference/classes/Color/)\>

### horizon-fog-blend[](#horizon-fog-blend)

"horizon-fog-blend": [DataConstantProperty](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.DataConstantProperty/)<number\>

### sky-color[](#sky-color)

"sky-color": [DataConstantProperty](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.DataConstantProperty/)<[Color](https://docs.maptiler.com/sdk-js/api-reference/classes/Color/)\>

### sky-horizon-blend[](#sky-horizon-blend)

"sky-horizon-blend": [DataConstantProperty](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.DataConstantProperty/)<number\>