# Get the chrome color of the host application?

**URL:** <https://forums.creativeclouddeveloper.com/t/get-the-chrome-color-of-the-host-application/5527>\
**Category:** Adobe XD\
**Created:** [November 27, 2022, 4:41am UTC](https://forums.creativeclouddeveloper.com/t/get-the-chrome-color-of-the-host-application/5527 "2022-11-27T04:41:18Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Velara](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.creativeclouddeveloper.com/velara/32/1278_2.png) [@Velara](https://forums.creativeclouddeveloper.com/u/Velara)\
**Post date:** [November 27, 2022, 4:41am UTC](https://forums.creativeclouddeveloper.com/t/get-the-chrome-color-of-the-host-application/5527/1 "2022-11-27T04:41:18Z")

</div>

Is there a way to get the background color of the UXP environment? I’d like to get the same color as the background of the panel.

I’ve tried the system colors and I see predefined color variables but don’t see one that matches the host application background.

 ![image](https://us1.discourse-cdn.com/flex015/uploads/xdplugins/original/2X/9/9501df449d11fdc922a76e4fc966d7444fb6c98a.png)

On OSX the XD background is #F5F5F5 according to the color picker.

 ![image](https://us1.discourse-cdn.com/flex015/uploads/xdplugins/original/2X/b/b335a2ac834455f01f81eefc60e712c5a9d57e4b.png)

I don’t see that value listed in the style variables or defined in the user agent.

I’ve looked at the system colors properties (shown below) to see if there are any chrome colors defined and I have only found a few that work in UXP.

> **[\- CSS: Cascading Style Sheets | MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/system-color)**
>
> The CSS data type usually reflects the default color choices used for the different parts of a web page.

---

<div class="post-metadata">

**Author:** ![Karmalakas](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.creativeclouddeveloper.com/karmalakas/32/1048_2.png) [@Karmalakas](https://forums.creativeclouddeveloper.com/u/Karmalakas)\
**Post date:** [November 27, 2022, 8:32am UTC](https://forums.creativeclouddeveloper.com/t/get-the-chrome-color-of-the-host-application/5527/2 "2022-11-27T08:32:25Z")

</div>

I couldn’t find this for Ps either. Would be great if we had those

---

<div class="post-metadata">

**Author:** ![tomzag](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.creativeclouddeveloper.com/tomzag/32/2464_2.png) [@tomzag](https://forums.creativeclouddeveloper.com/u/tomzag)\
**Post date:** [November 28, 2022, 11:14am UTC](https://forums.creativeclouddeveloper.com/t/get-the-chrome-color-of-the-host-application/5527/3 "2022-11-28T11:14:09Z")

</div>

It should be `--uxp-host-background-color`.  
Works in Photoshop. Haven’t tested it in XD.  
[https://developer.adobe.com/photoshop/uxp/guides/theme-awareness/](https://developer.adobe.com/photoshop/uxp/guides/theme-awareness/)

---

<div class="post-metadata">

**Author:** ![Velara](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.creativeclouddeveloper.com/velara/32/1278_2.png) [@Velara](https://forums.creativeclouddeveloper.com/u/Velara)\
**Post date:** [November 28, 2022, 4:41pm UTC](https://forums.creativeclouddeveloper.com/t/get-the-chrome-color-of-the-host-application/5527/4 "2022-11-28T16:41:18Z")

</div>

It looks like those styles might only be in Photoshop.

In XD debugger autocomplete doesn’t list any `--uxp-host-*` variables:

 ![image](https://us1.discourse-cdn.com/flex015/uploads/xdplugins/original/2X/7/74e55769451c61ec33aa8431ff115be36502d92f.png)