Skip to main content
Inspiring
April 5, 2019
Answered

Extension Panel Theme Color Help

  • April 5, 2019
  • 1 reply
  • 1356 views

I cannot figure out how to get my extension panel to change its color based on what the user selects in Photoshop Preferences Theme Color.

In the CSInterface.js file, I see the following but I just cannot work out what to do with it

/**

* User can add this event listener to handle native application theme color changes.

* Callback function gives extensions ability to fine-tune their theme color after the

* global theme color has been changed.

* The callback function should be like below:

*

* @Example

* // event is a CSEvent object, but user can ignore it.

* function OnAppThemeColorChanged(event)

* {

*    // Should get a latest HostEnvironment object from application.

*    var skinInfo = JSON.parse(window.__adobe_cep__.getHostEnvironment()).appSkinInfo;

*    // Gets the style information such as color info from the skinInfo,

*    // and redraw all UI controls of your extension according to the style info.

* }

*/

Any help would be really appreciated

Ian

This topic is closed to new replies. Start a new post to keep the conversation going.
Correct answer Manan Joshi

Refer an excellent article by on this subject, it discusses about using Topcoat but it has a a code snippet that you can use to trigger your css change when the theme is changed in Photoshop

https://cc-extensions.com/medium/CEP_Styling/Styling%20CEP%20Panels%201.html

https://www.davidebarranca.com/2014/02/html-panels-tips-6-integrating-topcoat-css/

-Manan

1 reply

Manan JoshiCommunity ExpertCorrect answer
Community Expert
April 5, 2019

Refer an excellent article by on this subject, it discusses about using Topcoat but it has a a code snippet that you can use to trigger your css change when the theme is changed in Photoshop

https://cc-extensions.com/medium/CEP_Styling/Styling%20CEP%20Panels%201.html

https://www.davidebarranca.com/2014/02/html-panels-tips-6-integrating-topcoat-css/

-Manan

-Manan