# Styling UXP Plugins

**URL:** https://forums.creativeclouddeveloper.com/t/styling-uxp-plugins/2131
**Category:** UXP Plugin API
**Created:** [October 28, 2020, 9:55pm UTC](https://forums.creativeclouddeveloper.com/t/styling-uxp-plugins/2131 "2020-10-28T21:55:24Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![IanBarber](https://avatars.discourse-cdn.com/v4/letter/i/94ad74/32.png) [@IanBarber](https://forums.creativeclouddeveloper.com/u/IanBarber)
#### Post date: [October 28, 2020, 9:55pm UTC](https://forums.creativeclouddeveloper.com/t/styling-uxp-plugins/2131/1 "2020-10-28T21:55:24Z")

</div>

I am just investigating what styling we can do with UXP Plugins.

Is there any documentation to show us what components we can use apart from sp-button and also what CSS we can use to style the plugins.

Ian

---

<div class="post-metadata">

### Author: ![simonhenke](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.creativeclouddeveloper.com/simonhenke/32/957_2.png) [@simonhenke](https://forums.creativeclouddeveloper.com/u/simonhenke)
#### Post date: [October 28, 2020, 10:23pm UTC](https://forums.creativeclouddeveloper.com/t/styling-uxp-plugins/2131/2 "2020-10-28T22:23:26Z")

</div>

[CSS Reference](https://www.adobe.io/photoshop/uxp/uxp/reference-css/)  
[Spectrum UXP Reference](https://www.adobe.io/photoshop/uxp/uxp/reference-spectrum/)

---

<div class="post-metadata">

### Author: ![ddbell](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.creativeclouddeveloper.com/ddbell/32/1030_2.png) [@ddbell](https://forums.creativeclouddeveloper.com/u/ddbell)
#### Post date: [October 29, 2020, 12:11am UTC](https://forums.creativeclouddeveloper.com/t/styling-uxp-plugins/2131/3 "2020-10-29T00:11:21Z")

</div>

Check out the “Kitchen Sink” plugin. If you use the spectrum components (the ones with sp-) then the default styling works pretty well out of the box and is already theme aware without additional styling.

> **[uxp-photoshop-plugin-samples/ui-kitchen-sink at main ·...](https://github.com/AdobeDocs/uxp-photoshop-plugin-samples/tree/main/ui-kitchen-sink)**
>
> UXP Plugin samples for Photoshop 22 and higher. Contribute to AdobeDocs/uxp-photoshop-plugin-samples development by creating an account on GitHub.

---

<div class="post-metadata">

### Author: ![IanBarber](https://avatars.discourse-cdn.com/v4/letter/i/94ad74/32.png) [@IanBarber](https://forums.creativeclouddeveloper.com/u/IanBarber)
#### Post date: [October 29, 2020, 8:48am UTC](https://forums.creativeclouddeveloper.com/t/styling-uxp-plugins/2131/4 "2020-10-29T08:48:53Z")

</div>

Thanks, I will checkout the Kitchen Sink. I do like the fact that from what I have seen, UXP takes into account theme styling which in CEP I found difficult.

Ian

---

<div class="post-metadata">

### Author: ![kerrishotts](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.creativeclouddeveloper.com/kerrishotts/32/8_2.png) [@kerrishotts](https://forums.creativeclouddeveloper.com/u/kerrishotts)
#### Post date: [October 29, 2020, 7:38pm UTC](https://forums.creativeclouddeveloper.com/t/styling-uxp-plugins/2131/5 "2020-10-29T19:38:14Z")

</div>

May also be of use: [https://www.adobe.io/photoshop/uxp/guides/theme-awareness/](https://www.adobe.io/photoshop/uxp/guides/theme-awareness/) and [https://www.adobe.io/photoshop/uxp/uxp/reference-css/Media%20Queries/prefers-color-scheme/](https://www.adobe.io/photoshop/uxp/uxp/reference-css/Media%20Queries/prefers-color-scheme/)