# Help with UXP host theme

**URL:** <https://forums.creativeclouddeveloper.com/t/help-with-uxp-host-theme/7959>\
**Category:** Photoshop\
**Tags:** ui\
**Created:** [June 2, 2024, 9:15pm UTC](https://forums.creativeclouddeveloper.com/t/help-with-uxp-host-theme/7959 "2024-06-02T21:15:39Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![halloware](https://avatars.discourse-cdn.com/v4/letter/h/f08c70/32.png) [@halloware](https://forums.creativeclouddeveloper.com/u/halloware)\
**Post date:** [June 2, 2024, 9:15pm UTC](https://forums.creativeclouddeveloper.com/t/help-with-uxp-host-theme/7959/1 "2024-06-02T21:15:39Z")

</div>

Hello guys, everything okay?

I’m not a programmer but I really want to change the default color in Photoshop, I noticed that the base color of the darkest preset is #323232.

Searching through the Photoshop files, I fall into the Required/UXP folder.  
There is a file called “host-theme.css” and inside it there is all the code that supposedly changes the colors, I will forward it here:

@media(prefers-color-scheme: darkest){  
:root{  
/\* P0 \*/  
–uxp-host-background-color: #101010;  
–uxp-host-text-color: #FFFFFF;  
–uxp-host-border-color: #292929;  
–uxp-host-link-text-color: #4B9CF5;  
–uxp-host-widget-hover-background-color: #3D3D3D;  
–uxp-host-widget-hover-text-color: #FFFFFF;  
–uxp-host-widget-hover-border-color: #3D3D3D;

```
    /* P1 */
    --uxp-host-text-color-secondary: #9B9B9B;
    --uxp-host-link-hover-text-color: #FFFFFF;
    --uxp-host-label-text-color: #FFFFFF;
}

```

}

However, even if I change this color scheme, it doesn’t change anything in Photoshop, I just wanted to change this default color to a darker one, can you help me?

---

<div class="post-metadata">

**Author:** ![haller](https://avatars.discourse-cdn.com/v4/letter/h/53a042/32.png) [@haller](https://forums.creativeclouddeveloper.com/u/haller)\
**Post date:** [June 3, 2024, 6:59am UTC](https://forums.creativeclouddeveloper.com/t/help-with-uxp-host-theme/7959/2 "2024-06-03T06:59:17Z")

</div>

See if this tread helps

> **[i tried to change my photoshop ui colour i tried many option but i can't...](https://community.adobe.com/t5/photoshop-ecosystem-discussions/i-tried-to-change-my-photoshop-ui-colour-i-tried-many-option-but-i-can-t-change-it-please-hep-me/m-p/14650707)**
>
> i tried to change my photoshop ui colour i tried many option but i can't change it. it showed like default.

---

<div class="post-metadata">

**Author:** ![halloware](https://avatars.discourse-cdn.com/v4/letter/h/f08c70/32.png) [@halloware](https://forums.creativeclouddeveloper.com/u/halloware)\
**Post date:** [June 3, 2024, 12:04pm UTC](https://forums.creativeclouddeveloper.com/t/help-with-uxp-host-theme/7959/3 "2024-06-03T12:04:56Z")

</div>

this is a default ui colours, i want edit the default color, more precisely the darkness ui, you can help me?

---

<div class="post-metadata">

**Author:** ![haller](https://avatars.discourse-cdn.com/v4/letter/h/53a042/32.png) [@haller](https://forums.creativeclouddeveloper.com/u/haller)\
**Post date:** [June 3, 2024, 12:46pm UTC](https://forums.creativeclouddeveloper.com/t/help-with-uxp-host-theme/7959/4 "2024-06-03T12:46:59Z")

</div>

This is what you need. [https://community.adobe.com/t5/photoshop-ecosystem-discussions/photoshop-purple-skin/td-p/11483405](https://community.adobe.com/t5/photoshop-ecosystem-discussions/photoshop-purple-skin/td-p/11483405)

---

<div class="post-metadata">

**Author:** ![halloware](https://avatars.discourse-cdn.com/v4/letter/h/f08c70/32.png) [@halloware](https://forums.creativeclouddeveloper.com/u/halloware)\
**Post date:** [June 3, 2024, 1:10pm UTC](https://forums.creativeclouddeveloper.com/t/help-with-uxp-host-theme/7959/5 "2024-06-03T13:10:26Z")

</div>

Using UIColors.txt it is not possible to change the color of the interface, it would be via theme awareness, as I said above.

Using UIColors, it changes a lot of the program’s colors, but the layout (the UI itself) doesn’t change.
