Skip to main content
Inspiring
April 5, 2019
Answered

Extension Panel Theme Color Help

  • April 5, 2019
  • 1 reply
  • 1337 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 has been closed for replies.
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 JoshiCorrect answer
Braniac
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