Styling UXP Plugins

Photoshop UXP Plugin API
1

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

2

CSS Reference
Spectrum UXP Reference

1 Like
3

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.

1 Like
4

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

5

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

1 Like