☰

AMK-Team.ru

Улучшение интерфейса!

// ==UserScript==
// @name         AMK-Team.ru
// @version      0.5.2
// @description  Улучшение интерфейса!
// @author       Chypakabra
// @match        https://www.amk-team.ru/forum/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=amk-team.ru
// @license      MIT
// @namespace https://greasyfork.org/users/1371434
// ==/UserScript==

(function() {
    'use strict';

    var CWidth = window.innerWidth;
    window.onresize = function () {
        var newWidth = window.innerWidth;
        if (newWidth <= CWidth || newWidth > CWidth) {
            window.setTimeout(location.reload(), 200);
            CWidth = newWidth;
        }
    };

    const Bradius = '20px';
    var Shadow = 'rgb(0 0 0 / 50%) 8px 8px 8px 1px';
    var ShadowL = 'rgb(75 75 75 / 75%) 0px 0px 0px 2px';

    ////////////////////////////////////////////////////////////////////////////////////////////////
    const amkteam = getComputedStyle(document.documentElement);
    const version = amkteam.getPropertyValue('--amkteam-version').trim();

    const rootStyles = getComputedStyle(document.documentElement);
    const mainColor = rootStyles.getPropertyValue('--focus-bg--color').trim();

    if (version == '"4.7.12"') {
        //////////////////////////////////////// Тёмная тема ////////////////////////////////////////
        if (mainColor == '#343a46') {
            const themeDColors = {
                '--theme-widget_title_font': '185,185,185',
                '--box--border-color': '#bfbfbf4d',
                '--box--backgroundColor': '#3d4552'
            };
            Object.entries(themeDColors).forEach(([key, value]) => {document.documentElement.style.setProperty(key, value);});
        }
        //////////////////////////////////////// Светлая тема ////////////////////////////////////////
        if (mainColor == '#d8dde8') {
            const themeLColors = {
                '--focus-bg--color': 'var(--mobile-footer--color)',
                '--theme-light_button_font': '0,50,100',
                '--search--background': '#f0f0f0',
                '--theme-light_button': '220,220,220'
            };
            Object.entries(themeLColors).forEach(([key, value]) => {document.documentElement.style.setProperty(key, value);});

            let UnreadBar = document.getElementsByClassName('ipsUnreadBar');
            for( let i = 0; i < UnreadBar.length; i++) {
                UnreadBar[i].style.setProperty('background', '#ffffff');}

            let ipsTabs = document.getElementsByClassName('ipsTabs');
            for( let i = 0; i < ipsTabs.length; i++) {ipsTabs[i].style.setProperty('background', '#384556');}

            let topwrapper2 = document.querySelector('.scroll-top-wrapper');
            topwrapper2.style.setProperty('color', '#384556');

            let focuseditortitle = document.getElementsByClassName('focus-editor__title');
            for( let i = 0; i < focuseditortitle.length; i++) {
                focuseditortitle[i].style.setProperty('background', '#384455');
                focuseditortitle[i].style.setProperty('color', '#f0f0f0');}

            let Widget_title = document.getElementsByClassName('ipsWidget_title');
            for( let i = 0; i < Widget_title.length; i++) {
                Widget_title[i].style.setProperty('background', 'rgb(var(--theme-section_title))');
                Widget_title[i].style.setProperty('color', 'rgb(var(--theme-section_title_font))');}

        }
        ////////////////////////////////////////////////////////////////////////////////////////////////
        //////////////////////////////////////// Общие элементы ////////////////////////////////////////
        ////////////////////////////////////////////////////////////////////////////////////////////////
        const themeColors = {
            '--nav--border-radius': Bradius,
            '--nav-hover--background': '#ffffff30',
            '--user-nav--hover-background': '#ffffff30',
            '--user-nav--radius': Bradius,
            '--box--border-width': '0px',
            '--breadcrumb--border-radius': Bradius,
            '--focus-social--border-radius': Bradius,
            '--forum-icon--border-radius': Bradius,
            '--commentControlButton--border-radius': Bradius,
            '--author-pane-avatar': '200px',
            '--author-pane--spacer': '25px',
            '--user-nav--avatar-padding': '3px',
            '--avatar--border-radius': '100%',
            '--radius-1': Bradius
        };
        Object.entries(themeColors).forEach(([key, value]) => {document.documentElement.style.setProperty(key, value);});

        let svg = document.querySelector('.svg-container');
        svg.style.setProperty('opacity', '0');

        let topwrapper = document.querySelector('.scroll-top-wrapper');
        topwrapper.style.setProperty('background-color', '#00000000');

        let NavBar = document.querySelector('.focus-nav-bar');
        NavBar.style.setProperty('border-radius', Bradius);

        let areaback = document.getElementsByClassName('ipsAreaBackground_light');
        for( let i = 0; i < areaback.length; i++) {areaback[i].style.setProperty('border-radius', Bradius);}

        let TypesectionTitle = document.getElementsByClassName('ipsType_sectionTitle');
        for( let i = 0; i < TypesectionTitle.length; i++) {
            TypesectionTitle[i].style.setProperty('border-top-left-radius', Bradius);
            TypesectionTitle[i].style.setProperty('border-top-right-radius', Bradius);}

        let AreaBackgroundreset = document.getElementsByClassName('ipsAreaBackground_reset');
        for( let i = 0; i < AreaBackgroundreset.length; i++) {AreaBackgroundreset[i].style.setProperty('background', '#00000000');}

        let AuthorP = document.getElementsByClassName('cAuthorPane');
        for( let i = 0; i < AuthorP.length; i++) {
            AuthorP[i].style.setProperty('border-top-left-radius', Bradius);
            AuthorP[i].style.setProperty('border-bottom-left-radius', Bradius);}

        let ipsResponsivepull = document.getElementsByClassName('ipsResponsive_pull');
        for( let i = 0; i < ipsResponsivepull.length; i++) {
            ipsResponsivepull[i].style.setProperty('margin-left', '0');
            ipsResponsivepull[i].style.setProperty('margin-right', '0');}

        let focuseditoroverlay = document.getElementsByClassName('focus-editor-overlay');
        for( let i = 0; i < focuseditoroverlay.length; i++) {focuseditoroverlay[i].style.setProperty('background', '#00000000');}

        let citation = document.getElementsByClassName('ipsQuote_citation');
        for( let i = 0; i < citation.length; i++) {citation[i].style.setProperty('border-radius', Bradius);}

        let Spoiler = document.getElementsByClassName('ipsSpoiler_header');
        for( let i = 0; i < Spoiler.length; i++) {Spoiler[i].style.setProperty('border-radius', Bradius);}

        let RepScore = document.getElementsByClassName('cProfileRepScore');
        for( let i = 0; i < RepScore.length; i++) {
            RepScore[i].style.setProperty('border-radius', Bradius);
            RepScore[i].style.setProperty('box-shadow', Shadow);}

        let ipsUserPhoto = document.getElementsByClassName('ipsUserPhoto');
        for( let i = 0; i < ipsUserPhoto.length; i++) {ipsUserPhoto[i].style.setProperty('box-shadow', ShadowL);}

        let ipsBox = document.getElementsByClassName('ipsBox');
        for( let i = 0; i < ipsBox.length; i++) {
            ipsBox[i].style.setProperty('box-shadow', Shadow);
            ipsBox[i].style.setProperty('border-radius', Bradius);}

        let PageHeader = document.getElementsByClassName('ipsPageHeader');
        for( let i = 0; i < PageHeader.length; i++) {
            PageHeader[i].style.setProperty('box-shadow', Shadow);
            PageHeader[i].style.setProperty('border-radius', Bradius);}

        let cProfileSidebarBlock = document.getElementsByClassName('ipsLeaderboard_trophy_1');
        for( let i = 0; i < cProfileSidebarBlock.length; i++) {cProfileSidebarBlock[i].style.setProperty('box-shadow', Shadow);}

        let ipsBreadcrumb = document.getElementsByClassName('ipsBreadcrumb');
        for( let i = 0; i < ipsBreadcrumb.length; i++) {
            ipsBreadcrumb[i].style.setProperty('box-shadow', Shadow);
            ipsBreadcrumb[i].style.setProperty('border-radius', Bradius);}

        let ipsButton = document.getElementsByClassName('ipsButton');
        for( let i = 0; i < ipsButton.length; i++) {ipsButton[i].style.setProperty('box-shadow', ShadowL);}

        let ipsGrid = document.getElementsByClassName('ipsGrid');
        for( let i = 0; i < ipsGrid.length; i++) {ipsGrid[i].style.setProperty('box-shadow', Shadow);}

        let focusmegafooter = document.getElementsByClassName('focus-mega-footer');
        for( let i = 0; i < focusmegafooter.length; i++) {focusmegafooter[i].style.setProperty('box-shadow', Shadow);}

        let focusnavbar = document.getElementsByClassName('focus-nav-bar');
        for( let i = 0; i < focusnavbar.length; i++) {focusnavbar[i].style.setProperty('box-shadow', Shadow);}

        let ipsPager = document.getElementsByClassName('ipsPager');
        for( let i = 0; i < ipsPager.length; i++) {ipsPager[i].style.setProperty('box-shadow', Shadow);}

        let fileHeader = document.getElementsByClassName('profileHeader');
        for( let i = 0; i < fileHeader.length; i++) {fileHeader[i].style.setProperty('box-shadow', Shadow);}

        let DataList = document.getElementsByClassName('ipsDataList');
        for( let i = 0; i < DataList.length; i++) {DataList[i].style.setProperty('border-radius', Bradius);}

        let ipsTabs = document.getElementsByClassName('ipsTabs');
        for( let i = 0; i < ipsTabs.length; i++) {
            ipsTabs[i].style.setProperty('border-top-right-radius', Bradius);
            ipsTabs[i].style.setProperty('border-top-left-radius', Bradius);}

        let Buttonsplit = document.getElementsByClassName('ipsButton_split');
        for( let i = 0; i < Buttonsplit.length; i++) {Buttonsplit[i].style.setProperty('border-radius', '0px');}

        let focuseditor = document.getElementsByClassName('focus-editor');
        for( let i = 0; i < focuseditor.length; i++) {focuseditor[i].style.setProperty('border-radius', Bradius);}

        let ForumRow_hidden = document.querySelectorAll('.ipsTabs_small');
        for( let i = 0; i < ForumRow_hidden.length; i++) {ForumRow_hidden[i].style.setProperty('border-radius', '0');}

        let elProfileHeader = document.querySelectorAll('#elProfileHeader');
        for( let i = 0; i < elProfileHeader.length; i++) {elProfileHeader[i].style.setProperty('box-shadow', Shadow);}


        let elSearch = document.querySelectorAll('#elSearch');
        for( let i = 0; i < elSearch.length; i++) {elSearch[i].style.setProperty('box-shadow', Shadow);}


        let ProfileStats = document.querySelectorAll('#elProfileStats');
        for( let i = 0; i < ProfileStats.length; i++) {
            ProfileStats[i].style.setProperty('border-bottom-right-radius', Bradius);
            ProfileStats[i].style.setProperty('border-bottom-left-radius', Bradius);
            ProfileStats[i].style.setProperty('box-shadow', Shadow);}

        let elPostFeed = document.querySelectorAll('#elPostFeed');
        for( let i = 0; i < elPostFeed.length; i++) {elPostFeed[i].style.setProperty('border-radius', 'none');}

        let AreaBackground = document.getElementsByClassName('ipsAreaBackground_reset');
        for( let i = 0; i < AreaBackground.length; i++) {AreaBackground[i].style.setProperty('background', '#00000000');}

        let ProfileRepScore = document.getElementsByClassName('cProfileRepScore_positive');
        for( let i = 0; i < ProfileRepScore.length; i++) {ProfileRepScore[i].style.setProperty('border-radius', Bradius);}

        let UnreadBar = document.getElementsByClassName('ipsUnreadBar');
        for( let i = 0; i < UnreadBar.length; i++) {
            UnreadBar[i].style.setProperty('border-radius', Bradius);
            UnreadBar[i].style.setProperty('margin', 'var(--sp-3) !important');
            UnreadBar[i].style.setProperty('box-shadow', Shadow);}
        ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// location.reload();
        const mediaQuery = window.matchMedia('(max-width: 767px)');

        if (mediaQuery.matches) {
            // alert('Ширина экрана Меньше 767px')

            let AuthorPane_mobile = document.getElementsByClassName('cAuthorPane_mobile');
            for( let i = 0; i < AuthorPane_mobile.length; i++) {
                AuthorPane_mobile[i].style.setProperty('border-top-left-radius', Bradius);
                AuthorPane_mobile[i].style.setProperty('border-top-right-radius', Bradius);}

            let ipsColumn = document.getElementsByClassName('ipsColumn_fluid');
            for( let i = 0; i < ipsColumn.length; i++) {
                ipsColumn[i].style.setProperty('border-bottom-left-radius', Bradius);
                ipsColumn[i].style.setProperty('border-bottom-right-radius', Bradius);}

        } else {

            // alert('Ширина экрана 767px или больше')

            let ipsColumn = document.getElementsByClassName('ipsColumn_fluid');
            for( let i = 0; i < ipsColumn.length; i++) {
                ipsColumn[i].style.setProperty('border-top-right-radius', Bradius);
                ipsColumn[i].style.setProperty('border-bottom-right-radius', Bradius);}
        }
        ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
    }
})();