# Dynamic Colors for Cell styles

The feature enables custom colors to be pulled from a data source. This way the colors are not fixed on the cell style configuration and can change dynamically based on the data source.

### Data Souce Support 
To use dynamic colors, the data source **must provide the color value under the** `extensions` object.

```json
   ...
      },
      "extensions": {
          "color": "rgba(255,0,0,0.3)",
        }
  ]
}
```

The value from `extensions.color` will be used by the cell style when the corresponding data key is configured.

### Cell Style Configuration 
 
In the cell style editor, change the color field to data key using the right button.

![](./dynamic-colors/dynamic_colors/before.png)

Add the data key. For example: "extensions.color" and save the layout.

![](./dynamic-colors/dynamic_colors/after.png)