Thanks, tpk1982! I might have been unclear: not to style icons in the panel of my plugin, but for the icon that I'd like to embed into InDesign itself which, when clicked, opens my plugin panel.
If I understand correctly, then InDesign supports a darker and a brighter UI theme, and I'd like to know the color values for these themes so that I can create a button icon that blends nicely with the rest of the InDesign UI.
mRem.graphics.foregroundColor = w1.graphics.newPen (w1.graphics.PenType.SOLID_COLOR, [1, 0, 0], 1)
here [1, 0, 0]; for RGB value
1st = R;
2nd = G;
3rd = B;
the digit not > 1
check your target RGB value, then divide 255
R = 80;
G = 143;
B = 140;
mRem.graphics.foregroundColor = w1.graphics.newPen (w1.graphics.PenType.SOLID_COLOR, [0.313, 0.560, 0.549], 1)
It depends on what you call plugin. Is that a scripted UI, a Flex or HTML plugin or a C++ plugin (which I believe is based either on Flex or HTML anyway).
If it's a scripted UI, I don't see where you could put an icon (like tool icons I mean).
If it's a Flex or HTML project, the XML manifest file let you specify icons that will be used in the UI once installed by the user.
If it's a C++ plugin, it should be the same.
@tpk1982 Yes exactly, the RGB color values for these themes.
@Johnwhite Are you saying that the UI colors are available as constants to ExtendScript? I am looking for the RGB color values that I need to use to adhere with the UI's color themes.
@Loic.Aigon Hm... I suppose a scripted UI using ExtendScript, and a button integrated into the InDesign UI that opens a panel with some more UI elements.
Well in this context, there is no way. The closest thing would be adding a custom menu (see docs).
If you do want an icon, you can only get this through an extension (or C++) as far as I know.
Too bad configurator has gone away.
Oh then it's an extension project. So given that understanding, it's all about styling the button through CSS. You may be interested in Davide Barranca 's book about developping HTML5 extensions. It covers a lot of aspects related to design customization :
Thank you for the book link, Loic.Aigon
Currently, the icon used left of the "Bookalope" button (to open the panel) is a round blob. It needs to be styled, and as such I thought to use 48x48 png images. To draw the images, I need to select colors according to the theme and then use these icons:
What my initial question is asking: What are the rgb color values used by each of the InDesign schemes? Where do I get them from, or do I just wing them? I'd like to make sure that the button in all of its states (normal, clicked, disabled) fits well with the surrounding UI.
You can monitor ui changes with the provided theme.js code.
All you have to do then is adding your own listener code:
// Update the color of the panel when the theme color of the product changed.
On Extension startup, you can dispatch the event so you can adjust the style.
I guess I will just use a color picker tool to find the color values which I need to use for the icons...