Customize Toolbar - How to fix missing Plugin icons when using Fluent Icons



  • Using the Custom Buttons feature in Customize Toolbar, it is very easy to quickly create images for plugin buttons that have no images when using Fluent Icons in Notepad++.

    The images can be specified either using ‘quick codes’ or image file names in the custom button definitions in the ‘CustomizeToolbar.btn’ file.

    QUICK CODES

    To create images for the eight ‘Compare’ plugin buttons using quick codes, add the following definitions to the ‘CustomizeToolbar.btn’ file:

    Plugins,Compare,Set as First to Compare,*B:SF,*B:SF,
    Plugins,Compare,Compare,*B:C,*B:C,
    Plugins,Compare,Clear Active Compare,*B:CA,*B:CA,
    Plugins,Compare,First,*B:<<,*B:<<|,
    Plugins,Compare,Previous,*B:<,*B:<,
    Plugins,Compare,Next,*B:>,*B:>,
    Plugins,Compare,Last,*B:>>,*B:>>,
    Plugins,Compare,Navigation Bar,*B:NB,*B:NB,

    This will create an image on each button comprising one or two letters on a solid color background. In this example, for the first button, the solid color is blue (B) and the label is “SF”. The color can be specified as a single letter (R, G, B, C, M, Y, S) or as a hex color value (#A1B2C3).

    IMAGE FILE NAMES

    To create images for the eight ‘Compare’ plugin buttons using quick codes, add the following definitions to the ‘CustomizeToolbar.btn’ file:

    Plugins,Compare,Set as First to Compare,image1.bmp,image1.ico,
    Plugins,Compare,Compare,image2.bmp,image2.ico,
    Plugins,Compare,Clear Active Compare,image3.bmp,image3.ico,
    Plugins,Compare,First,image4.bmp,image4.ico,
    Plugins,Compare,Previous,image5.bmp,image5.ico,
    Plugins,Compare,Next,image6.bmp,image6.ico,
    Plugins,Compare,Last,image7.bmp,image7.ico,
    Plugins,Compare,Navigation Bar,image8.bmp,image8.ico,

    This will create an image on each button using the referenced files. In this example, for the first button, the ‘image.bmp’ file will be used for Standard Icons and the ‘image.ico’ file will be used for Fluent Icons (both light and dark modes). It is possible to specify a different image for Fluent Icons dark mode.

    MORE HELP

    For more information, please click on the ‘Help - Overview’ and ‘Help - Custom Buttons’ menu items on the Customize Toolbar menu.


Log in to reply