Top

Chat Wallpaper


If you want to change Chat Wallpaper type for the messenger page you have to set value in onClick settings

setChatWallpaper: (state, action) => {
const updateBackground = (selector: string, wallpaper: string, wallpaperCss: string) => {
  const element = document.querySelector(selector) as HTMLElement;
  if (element) {
    element.style.backgroundImage = wallpaper ? `url(${dynamicImage(`wallpaper/${wallpaper}.jpg`)})` : wallpaperCss;
    element.style.backgroundBlendMode = "unset";
  }
};
updateBackground(".chat-content .messages", action.payload.wallpaperImage, action.payload.wallpaperCss);
updateBackground("#group_chat", action.payload.wallpaperImage, action.payload.wallpaperCss);
Config.wallpaper = action.payload.wallpaperImage || action.payload.wallpaperClass;
state.chatWallpaper = state.chatWallpaper.map((item) => ({...item,active: item.id === action.payload.id}));
},

find TemplateCustomizer folder and change above value.

Chat Wallpaper page

layout