Фикс прозрачного чата лолза

фикс этой темы https://zelenka.guru/threads/7917534/

код для тамперманки:
версия что работает в окне чата внизу справа и в отдельной вкладке в браузере:

// ==UserScript==
// @name Lolz Transparent Chat
// @namespace http://tampermonkey.net/
// @version 2.1
// @description Lolz Transparent Chat
// @match https://lzt.market/*
// @match https://lolz.live/*
// @match https://zelenka.guru/*
// @grant none
// @license MIT
// ==/UserScript==

(function() {
'use strict';

const blurEnabled = true; // Установите true для включения размытия или false для его отключения

const applyStylesToChat = (chatElement) => {
if (chatElement) {
chatElement.style.backgroundColor = 'rgba(0, 0, 0, 0.4)';
chatElement.style.backdropFilter = blurEnabled ? 'blur(8px)' : 'none';
chatElement.style.border = '1px solid rgba(255, 255, 255, 0.2)';

const childElements = chatElement.querySelectorAll('*');
childElements.forEach(el => {
el.style.setProperty('background-color', 'transparent', 'important');
el.style.border = 'none';
});
// Убираем градиент и задаём приглушённую обводку для сообщений с упоминанием
const taggedMessageBlocks = chatElement.querySelectorAll('.chat2-message-tagged .chat2-message-block');
taggedMessageBlocks.forEach(block => {
block.style.setProperty('background', 'transparent', 'important');
block.style.setProperty('border', '2px solid rgb(0, 150, 0)', 'important'); // Приглушённая зелёная обводка
block.style.borderRadius = '10px';
block.style.padding = '4px';
});

const messageBlocks = chatElement.querySelectorAll('.chat2-message-block');
messageBlocks.forEach(block => {
if (!block.closest('.chat2-message-tagged')) {
block.style.setProperty('background-color', 'transparent', 'important');
block.style.setProperty('border', '1px solid rgba(128, 128, 128, 0.5)', 'important');
block.style.borderRadius = '5px';
}
});

const messageHeaders = chatElement.querySelectorAll('.chat2-message-header');
messageHeaders.forEach(header => {
header.style.setProperty('background-color', 'transparent', 'important');
header.style.border = 'none';
});

const messageTexts = chatElement.querySelectorAll('.chat2-message-text');
messageTexts.forEach(text => {
text.style.setProperty('background-color', 'transparent', 'important');
text.style.border = 'none';
});
}
};
const initializeChatStyling = () => {
const chatElement = document.querySelector('[class^="chat2-floating"]');
const chatElementFull = document.querySelector('[id="chat2-full"]');

if (chatElement) {
applyStylesToChat(chatElement);

const observer = new MutationObserver(() => {
applyStylesToChat(chatElement);
});

observer.observe(chatElement, {
childList: true,
subtree: true
});
} else if (chatElementFull) {
applyStylesToChat(chatElementFull);

const observer = new MutationObserver(() => {
applyStylesToChat(chatElementFull);
});

observer.observe(chatElementFull, {
childList: true,
subtree: true
});
} else {
setTimeout(initializeChatStyling, 300);
}
};
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', () => {
initializeChatStyling();
});
} else {
initializeChatStyling();
}
})();

JS

// ==UserScript==

// @name         Lolz Transparent Chat

// @namespace    http://tampermonkey.net/

// @version      2.1

// @description  Lolz Transparent Chat

// @match        https://lzt.market/*

// @match        https://lolz.live/*

// @match        https://zelenka.guru/*

// @grant        none

// @license      MIT

// ==/UserScript==



(function() {

    'use strict';



    const blurEnabled = true; // Установите true для включения размытия или false для его отключения



    const applyStylesToChat = (chatElement) => {

        if (chatElement) {

            chatElement.style.backgroundColor = 'rgba(0, 0, 0, 0.4)';

            chatElement.style.backdropFilter = blurEnabled ? 'blur(8px)' : 'none';

            chatElement.style.border = '1px solid rgba(255, 255, 255, 0.2)';



            const childElements = chatElement.querySelectorAll('*');

            childElements.forEach(el => {

                el.style.setProperty('background-color', 'transparent', 'important');

                el.style.border = 'none';

            });

            // Убираем градиент и задаём приглушённую обводку для сообщений с упоминанием

            const taggedMessageBlocks = chatElement.querySelectorAll('.chat2-message-tagged .chat2-message-block');

            taggedMessageBlocks.forEach(block => {

                block.style.setProperty('background', 'transparent', 'important');

                block.style.setProperty('border', '2px solid rgb(0, 150, 0)', 'important'); // Приглушённая зелёная обводка

                block.style.borderRadius = '10px';

                block.style.padding = '4px';

            });



            const messageBlocks = chatElement.querySelectorAll('.chat2-message-block');

            messageBlocks.forEach(block => {

                if (!block.closest('.chat2-message-tagged')) {

                    block.style.setProperty('background-color', 'transparent', 'important');

                    block.style.setProperty('border', '1px solid rgba(128, 128, 128, 0.5)', 'important');

                    block.style.borderRadius = '5px';

                }

            });



            const messageHeaders = chatElement.querySelectorAll('.chat2-message-header');

            messageHeaders.forEach(header => {

                header.style.setProperty('background-color', 'transparent', 'important');

                header.style.border = 'none';

            });



            const messageTexts = chatElement.querySelectorAll('.chat2-message-text');

            messageTexts.forEach(text => {

                text.style.setProperty('background-color', 'transparent', 'important');

                text.style.border = 'none';

            });

        }

    };

    const initializeChatStyling = () => {

        const chatElement = document.querySelector('[class^="chat2-floating"]');

        const chatElementFull = document.querySelector('[id="chat2-full"]');



        if (chatElement) {

            applyStylesToChat(chatElement);



            const observer = new MutationObserver(() => {

                applyStylesToChat(chatElement);

            });



            observer.observe(chatElement, {

                childList: true,

                subtree: true

            });

        } else if (chatElementFull) {

            applyStylesToChat(chatElementFull);



            const observer = new MutationObserver(() => {

                applyStylesToChat(chatElementFull);

            });



            observer.observe(chatElementFull, {

                childList: true,

                subtree: true

            });

        } else {

            setTimeout(initializeChatStyling, 300);

        }

    };

    if (document.readyState === 'loading') {

        document.addEventListener('DOMContentLoaded', () => {

            initializeChatStyling();

        });

    } else {

        initializeChatStyling();

    }

})();

Версия что работает и на телефонах:

// ==UserScript==
// @name Lolz Transparent Chat
// @namespace http://tampermonkey.net/
// @version 2.2
// @description Lolz Transparent Chat
// @match https://lzt.market/*
// @match https://lolz.live/*
// @match https://zelenka.guru/*
// @grant none
// @license MIT
// ==/UserScript==

(function() {
'use strict';

const blurEnabled = true; // Установите true для включения размытия или false для его отключения
const blurChatFull = true; // Устновите true для включения данного скрипта на странице lolz.live/chatbox

const applyStylesToChat = (chatElement) => {
if (chatElement) {
chatElement.style.backgroundColor = 'rgba(0, 0, 0, 0.4)';
chatElement.style.border = '1px solid rgba(255, 255, 255, 0.2)';

const childElements = chatElement.querySelectorAll('*');
childElements.forEach(el => {
el.style.setProperty('background-color', 'transparent', 'important');
el.style.border = 'none';
});
// Фикс с исчезновение чата на телефоне
const mobileChatPage = chatElement.querySelector('[class^="chat2 chat2-full-inner"]')
if (mobileChatPage) {
mobileChatPage.style.backdropFilter = blurEnabled ? 'blur(8px)' : 'none';
} else {
chatElement.style.backdropFilter = blurEnabled ? 'blur(8px)' : 'none';
}
// Убираем градиент и задаём приглушённую обводку для сообщений с упоминанием
const taggedMessageBlocks = chatElement.querySelectorAll('.chat2-message-tagged .chat2-message-block');
console.log(taggedMessageBlocks)
taggedMessageBlocks.forEach(block => {
block.style.backdropFilter = 'blur(8px)'
});

const messageBlocks = chatElement.querySelectorAll('.chat2-message-block');
messageBlocks.forEach(block => {
if (!block.closest('.chat2-message-tagged')) {
block.style.setProperty('background-color', 'transparent', 'important');
block.style.setProperty('border', '1px solid rgba(128, 128, 128, 0.5)', 'important');
block.style.borderRadius = '5px';
} else {
block.style.setProperty('background', 'transparent', 'important');
block.style.setProperty('border', '3px solid rgba(34, 142, 93, 1)', 'important');
block.style.borderRadius = '5px';
}
});

const messageHeaders = chatElement.querySelectorAll('.chat2-message-header');
messageHeaders.forEach(header => {
header.style.setProperty('background-color', 'transparent', 'important');
header.style.border = 'none';
});

const messageTexts = chatElement.querySelectorAll('.chat2-message-text');
messageTexts.forEach(text => {
text.style.setProperty('background-color', 'transparent', 'important');
text.style.border = 'none';
});
}
};
const initializeChatStyling = () => {
const chatElement = document.querySelector('[class^="chat2-floating"]');
const chatElementFull = document.querySelector('[id="chat2-full"]');

if (chatElement) {
applyStylesToChat(chatElement);

const observer = new MutationObserver(() => {
applyStylesToChat(chatElement);
});

observer.observe(chatElement, {
childList: true,
subtree: true
});
} else if (chatElementFull && blurChatFull) {
applyStylesToChat(chatElementFull);

const observer = new MutationObserver(() => {
applyStylesToChat(chatElementFull);
});

observer.observe(chatElementFull, {
childList: true,
subtree: true
});
} else {
setTimeout(initializeChatStyling, 300);
}
};
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', () => {
initializeChatStyling();
});
} else {
initializeChatStyling();
}
})();

JS

// ==UserScript==

// @name         Lolz Transparent Chat

// @namespace    http://tampermonkey.net/

// @version      2.2

// @description  Lolz Transparent Chat

// @match        https://lzt.market/*

// @match        https://lolz.live/*

// @match        https://zelenka.guru/*

// @grant        none

// @license      MIT

// ==/UserScript==



(function() {

    'use strict';



    const blurEnabled = true; // Установите true для включения размытия или false для его отключения

    const blurChatFull = true; // Устновите true для включения данного скрипта на странице lolz.live/chatbox



    const applyStylesToChat = (chatElement) => {

        if (chatElement) {

            chatElement.style.backgroundColor = 'rgba(0, 0, 0, 0.4)';

            chatElement.style.border = '1px solid rgba(255, 255, 255, 0.2)';



            const childElements = chatElement.querySelectorAll('*');

            childElements.forEach(el => {

                el.style.setProperty('background-color', 'transparent', 'important');

                el.style.border = 'none';

            });

            // Фикс с исчезновение чата на телефоне

            const mobileChatPage = chatElement.querySelector('[class^="chat2 chat2-full-inner"]')

            if (mobileChatPage) {

                mobileChatPage.style.backdropFilter = blurEnabled ? 'blur(8px)' : 'none';

            } else {

                chatElement.style.backdropFilter = blurEnabled ? 'blur(8px)' : 'none';

            }

            // Убираем градиент и задаём приглушённую обводку для сообщений с упоминанием

            const taggedMessageBlocks = chatElement.querySelectorAll('.chat2-message-tagged .chat2-message-block');

            console.log(taggedMessageBlocks)

            taggedMessageBlocks.forEach(block => {

                block.style.backdropFilter = 'blur(8px)'

            });



            const messageBlocks = chatElement.querySelectorAll('.chat2-message-block');

            messageBlocks.forEach(block => {

                if (!block.closest('.chat2-message-tagged')) {

                    block.style.setProperty('background-color', 'transparent', 'important');

                    block.style.setProperty('border', '1px solid rgba(128, 128, 128, 0.5)', 'important');

                    block.style.borderRadius = '5px';

                } else {

                    block.style.setProperty('background', 'transparent', 'important');

                    block.style.setProperty('border', '3px solid rgba(34, 142, 93, 1)', 'important');

                    block.style.borderRadius = '5px';

                }

            });



            const messageHeaders = chatElement.querySelectorAll('.chat2-message-header');

            messageHeaders.forEach(header => {

                header.style.setProperty('background-color', 'transparent', 'important');

                header.style.border = 'none';

            });



            const messageTexts = chatElement.querySelectorAll('.chat2-message-text');

            messageTexts.forEach(text => {

                text.style.setProperty('background-color', 'transparent', 'important');

                text.style.border = 'none';

            });

        }

    };

    const initializeChatStyling = () => {

        const chatElement = document.querySelector('[class^="chat2-floating"]');

        const chatElementFull = document.querySelector('[id="chat2-full"]');



        if (chatElement) {

            applyStylesToChat(chatElement);



            const observer = new MutationObserver(() => {

                applyStylesToChat(chatElement);

            });



            observer.observe(chatElement, {

                childList: true,

                subtree: true

            });

        } else if (chatElementFull && blurChatFull) {

            applyStylesToChat(chatElementFull);



            const observer = new MutationObserver(() => {

                applyStylesToChat(chatElementFull);

            });



            observer.observe(chatElementFull, {

                childList: true,

                subtree: true

            });

        } else {

            setTimeout(initializeChatStyling, 300);

        }

    };

    if (document.readyState === 'loading') {

        document.addEventListener('DOMContentLoaded', () => {

            initializeChatStyling();

        });

    } else {

        initializeChatStyling();

    }

})();

тестировать тут https://zelenka.guru/chatbox/

С кодом помогал пользователь llimonix