# Differentiate the CSS colors of the “Editable Area” Define/Use

**URL:** <https://forum.pinegrow.com/t/differentiate-the-css-colors-of-the-editable-area-define-use/6366>\
**Category:** Feature Request\
**Created:** [March 10, 2022, 3:53pm UTC](https://forum.pinegrow.com/t/differentiate-the-css-colors-of-the-editable-area-define-use/6366 "2022-03-10T15:53:14Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![JoseFR](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/josefr/32/296_2.png) [@JoseFR](https://forum.pinegrow.com/u/JoseFR)\
**Post date:** [March 10, 2022, 3:53pm UTC](https://forum.pinegrow.com/t/differentiate-the-css-colors-of-the-editable-area-define-use/6366/1 "2022-03-10T15:53:14Z")

</div>

Hello,

When using the “Define Component”, in actions, there is a color difference between “data-pgc-define” and “data-pgc”

But there is no color difference between “data-pgc-edit” and “data-pgc-field” “Define Editable Area” and “Editable Area”

Could you differentiate the CSS colors of the “Editable Area”?

 ![editable](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/d/df8c02bfece01b9ec0d4e02846ec6983f5d401d7.jpeg)

Thank you  
I wish you a good day