Transparent Lolz

Делает форум Lolzteam прозрачным. Степень прозрачности можно настроить с помощью аргумента transparency на 19 строке.
当前为 2025-03-12 提交的版本，查看最新版本。
换行
// ==UserScript==
// @name         Transparent Lolz
// @name:en      Transparent Lolz
// @namespace    http://tampermonkey.net/
// @version      1.0
// @description  Делает форум Lolzteam прозрачным. Степень прозрачности можно настроить с помощью аргумента transparency на 19 строке.
// @description:en Makes the Lolzteam forum transparent. The transparency level can be adjusted using the `transparency` variable on line 19.
// @author       https://lolz.live/members/157562/
// @match        *://lzt.market/*
// @match        *://lolz.guru/*
// @match        *://zelenka.guru/*
// @match        *://lolz.live/*
// @grant        GM_addStyle
// @run-at       document-start
// @license      MIT
// ==/UserScript==

(function() {
    'use strict';

    // 1 - вообще не прозрачное, 0 - полностью прозрачное
    const transparency = 0.4;

    // список селекторов которые надо делать прозрачными
    const cssSelectors = [
        // main forum + thread
        '#header',
        '.pageNavLinkGroup',
        '.messageList .message',
        '.thread_view .titleBar',
        '.sidebar .sidebarWrapper',
        '.simpleRedactor.QuickReplyRedactor',
        '.discussionListItem',
        '.Menu',
        '.Menu.MenuOpened',
        '.Menu .secondaryContent',
        '.aboveThread-main',
        '.text_Ads-main',
        '.primaryContent, .secondaryContent',
        '.fr-box.fr-basic .fr-wrapper, .fr-toolbar.fr-top',
        '.alertNotice',
        '.sectionMain',
        '.navigation-header',
        '.tabs',
        '.forum_view .titleBar, .forum_list .titleBar',
        '.matchedThreadCount',
        '.likeNodes',
        '.titleBar',
        '.primaryContent, .secondaryContent',
        '.sectionFooter',
        '.discussionListItems',
        '.navigationSideBar>ul',
        '.hasJs .bbCodeSpoilerText',
        '.textHeading_alignElement_two_step',
        '.apiPadding20',
        '#content > div > div > div.container > div.mainContentBlock.section.sectionMain.insideSidebar > div:nth-child(1)',
        '.bdApi_Client_Item',
        '.bdApi_UserScope_Item',
        '.xenOverlay>.section, .xenOverlay>.sectionMain',
        '.xenOverlay.logoutConfirmation .sectionMain .heading',
        '.loginForm',

        // market
        '.searchHistoryContainer.SearchHistoryList',
        '.searchBarContainer',
        '.marketSidebarMenu',
        '.marketMyPayments',
        '.Market_Down_BG',
        '.marketIndexItem',
        '.market--titleBar',
        '.market_block_reviews',
        '.marketContainer',
        '#footer-market',
        '.fr-box.fr-basic .fr-wrapper, .fr-toolbar.fr-top',

        // chats
        '.universalSearchForm .universalSearchInput',
        '.ImDialogHeader',
        '.conversationViewContainer',
        '.conversationListFolder',
        '.conversationListWrapper',

        // profile
        '.darkBackground',
        '.profile_threads_block',
        '.messageSimple',
    ];

    const defaultRgb = '39, 39, 39';  // дефолтный цвет, не трогать
    let cssRules = '';
    cssSelectors.forEach(selector => {
        cssRules += `${selector} {
            background-color: rgba(var(--bg-rgb, ${defaultRgb}), ${transparency}) !important;
        }\n`;
    });

    if (typeof GM_addStyle !== 'undefined') {
        GM_addStyle(cssRules);
    } else {
        let styleNode = document.createElement('style');
        styleNode.type = 'text/css';
        styleNode.textContent = cssRules;
        document.documentElement.appendChild(styleNode);

        const appendStyleToHead = () => {
            if (document.head) {
                document.head.appendChild(styleNode);
            } else {
                setTimeout(appendStyleToHead, 10);
            }
        };
        appendStyleToHead();
    }

    function updateDynamicElements() {
        cssSelectors.forEach(selector => {
            let elements = document.querySelectorAll(selector);
            elements.forEach(el => {
                let currentColor = window.getComputedStyle(el).backgroundColor;
                if (currentColor && currentColor !== 'transparent' && !currentColor.includes('rgba')) {
                    let rgb = colorToRgb(currentColor);
                    el.style.setProperty('--bg-rgb', rgb);
                    el.style.backgroundColor = `rgba(${rgb}, ${transparency})`;
                }
            });
        });
    }

    function colorToRgb(color) {
        if (!color || color === 'transparent' || color === 'rgba(0, 0, 0, 0)') {
            return defaultRgb;
        }

        // rgb
        let rgbMatch = color.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);
        if (rgbMatch) {
            return `${rgbMatch[1]}, ${rgbMatch[2]}, ${rgbMatch[3]}`;
        }

        // rgba
        let rgbaMatch = color.match(/^rgba\((\d+),\s*(\d+),\s*(\d+),\s*(\d*\.?\d+)\)$/);
        if (rgbaMatch) {
            return `${rgbaMatch[1]}, ${rgbaMatch[2]}, ${rgbaMatch[3]}`;
        }

        // hex
        let hexMatch = color.match(/^#([0-9A-Fa-f]{3,6})$/);
        if (hexMatch) {
            let hex = hexMatch[1];
            if (hex.length === 3) {
                hex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2];
            }
            let r = parseInt(hex.substring(0, 2), 16);
            let g = parseInt(hex.substring(2, 4), 16);
            let b = parseInt(hex.substring(4, 6), 16);
            return `${r}, ${g}, ${b}`;
        }

        return defaultRgb;
    }

    document.addEventListener('DOMContentLoaded', function() {
        updateDynamicElements();

        const observer = new MutationObserver(function(mutations) {
            mutations.forEach(function(mutation) {
                if (mutation.addedNodes.length > 0) {
                    updateDynamicElements();
                }
            });
        });

        observer.observe(document.body, {
            childList: true,
            subtree: true
        });
    });

    setInterval(updateDynamicElements, 3000);

    window.addEventListener('popstate', updateDynamicElements);
    window.addEventListener('pushState', updateDynamicElements);
    window.addEventListener('replaceState', updateDynamicElements);
})();
欢迎访问Greasy Fork镜像
