[Question] How to change the semi-transparent black part of the menu screen

[AzarashiPOPOPO]

I’d like to know how to change the black semi-transparent UI images in RPG Maker MZ.

Editing the “system” images in the “img” folder didn’t change anything.

If there is a plugin that allows you to change the images, please let me know.

[yuyering]

If you only want to change transparency to opacity, besides modifying the System images, you also need to modify the “Window Opacity” setting in Database - System 2 - Advanced Settings, changing it to 255 (the opacity range is 0~255).

If modifying it still doesn’t work, you can also check the plugins. Some plugins modify window opacity.

[orochii]

The gradient background behind selectable options isn’t a graphic, it’s drawn in engine.

This is the part of the code that draws it for selectable windows.

Window_Selectable.prototype.drawBackgroundRect = function(rect) {
    const c1 = ColorManager.itemBackColor1();
    const c2 = ColorManager.itemBackColor2();
    const x = rect.x;
    const y = rect.y;
    const w = rect.width;
    const h = rect.height;
    this.contentsBack.gradientFillRect(x, y, w, h, c1, c2, true);
    this.contentsBack.strokeRect(x, y, w, h, c1);
};

And this is the colors it uses. This is all hardcoded by default.

ColorManager.itemBackColor1 = function() {
    return "rgba(32, 32, 32, 0.5)";
};

ColorManager.itemBackColor2 = function() {
    return "rgba(0, 0, 0, 0.5)";
};