How to create a ScriptUI style GUI with CEP

[YuK1_Works]

I am in the process of studying CEP as it was recommended to me that I should move from ScriptUI to CEP.

<p>Hello world</p>
<button>Send</button>

I tried putting the above in the HTML, but the text is black and the font is weird.

The buttons are also far removed from the Ae standard.

Is it possible to easily match the style of the panel as I created it in ScriptUI?

[Arie Stavchansky · Accepted solution]

One way to change things up is through stylesheets.  You can use Adobe's Spectrum UI kit to help you accomplish that:

https://spectrum.adobe.com/

[YuK1_Works]

Thank you!

[Justin Taylor-Hyper Brew]

Just need to learn CSS to get all the styles to look the way you want:

https://www.w3schools.com/Css/

And like Arie mentioned Spectrum is the standard that most Adobe apps use, some more strictly than others. So you can use that as a reference to get you most of the way there.