How do I remove the grey border from my iconbutton

[Marco5C6D]

Hi All

How do I remove the grey outline border from my iconbutton?

function Comp_Resizer(thisObj)
	{
		function buildUI_res(winType)
		{
			var pal = (winType instanceof Panel) ? winType : new Window(winType, "Comp_Resizer", undefined, { resizeable:true } );
                    if (pal != null) {		
                        var res = 
                        "group{orientation:'column', alignment:['left', 'top'], alignChildren:['left', 'left'],\
                                increaseLButton:IconButton{ size:[26,25], style:'toolbutton',},\
                           }";
 
                      var container = pal.myGroup = pal.add(res);
                      
                      //Set Images for buttons
                      container.increaseLButton.image = ScriptUI.newImage ("C:/Program Files/Adobe/Adobe After Effects 2020/Support Files/Scripts/ScriptUI Panels/CompResizer/00.png");
                     
                        pal.layout.layout(true);
                        container.minimumSize = container.size;
                        
                        pal.onResizing = pal.onResize = function () { this.layout.resize(); }
                    }
			
			return pal;

[Tomas Sinkunas · Accepted solution]

You cannot get right of that gray outline, unless you use a full sized png without an alpha channel.

[Marco5C6D]

Thank Tomas

That's what I ended up doing, just filling the icon with the AE background colour.

[Tomas Sinkunas]

Teap, that's one way of doing that.

Although, having your buttons filled with AE UI color is not ideal, since user can always change the UI brightness in the AE Preferecens, but your buttons would still be dark-gray. But yeah, there's no way around this, unfortunatelly.