Greasy Fork

Greasy Fork is available in English.

编程猫主页优化

对于编程猫主页的部分优化

当前为 2022-09-25 提交的版本，查看 最新版本。

// ==UserScript==
// @name         编程猫主页优化
// @namespace    http://tampermonkey.net/
// @version      1.2.0
// @description  对于编程猫主页的部分优化
// @author       小鱼yuzifu
// @match        https://shequ.codemao.cn/*
// @icon         https://shequ.codemao.cn/favicon.ico
// @grant        GM_xmlhttpRequest
// @require      https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.slim.min.js
// @license      MIT
// ==/UserScript==

(function () {
    'use strict';
    GM_xmlhttpRequest({
        method: "get",
        url: "https://shequ.codemao.cn/",
        data: document.cookie,
        binary: true,
        async onload({ response }) {
            $("li[data-watch_event='下载APP-入口tab']").after(`<li class="event_target data_report c-navigator--item" data-watch_event="设置-入口tab" data-extra_word_one="点击" data-data_report_btn_name="设置-入口tab"><a href="#">设置</a></li>`);
            document.documentElement.style.setProperty('--main-color', localStorage.getItem('main-color') || '#fec433');
            document.documentElement.style.setProperty('--second-color', localStorage.getItem('second-color') || '#f6b206');
            document.documentElement.style.setProperty('--person-color', localStorage.getItem('person-color') || '#000');
            $("head").after(`
     <style>
    .r-setting--main_area .r-setting--btn_save:hover,.c-navigator--header-content .c-navigator--nav_wrap .c-navigator--selected,.c-navigator--header-content .c-navigator--nav_wrap .c-navigator--item:hover,.c-navigator--header-content .c-navigator--user_wrap .c-navigator--avatar_wrap:hover,.c-navigator--header-content .c-navigator--user_wrap .c-navigator--message_wrap:hover{
        background: var(--second-color);
    }
    .r-setting--main_area .r-setting--btn_save,.c-navigator--navigator,.c-navigator--header-content{
        background: var(--main-color);
    }
     </style>`);

            $("li[data-watch_event='设置-入口tab']").click(function () {
                $(".c-dialog--dialog_cover").after(`
                <div id="yzf-settings" style="text-align: left;background:white;border-radius:5px;position: absolute;width:500px;height:50vh;top:0;left:0;z-index: 100;margin: 25vh calc(50vw - 250px);padding: 50px;">
                    <span>首要主题色</span> <input onchange="document.documentElement.style.setProperty('--main-color', this.value);localStorage.setItem('main-color', this.value);" id="main-color" type="color" value="#ff0000"></input>
                    <br>
                    <br>
                    <span>次要主题色</span> <input onchange="document.documentElement.style.setProperty('--second-color', this.value);localStorage.setItem('second-color', this.value);" id="second-color" type="color" value="#ff0000"></input>
                    <br>
                    <br>
                    <span>个人主页背景色</span> <input onchange="document.documentElement.style.setProperty('--person-color', this.value);localStorage.setItem('person-color', this.value);" id="person-color" type="color" value="#ff0000"></input>
                    <br>
                    <br>
                    <button id="yzf-close" style="width:100%">点我关闭</button>
                </div>
                `);
                $("#yzf-close").click(() => { $('.c-dialog--dialog_wrap').removeClass('c-dialog--visiable c-dialog--show') })
                $("#main-color").val(localStorage.getItem('main-color') || '#fec433')
                $("#second-color").val(localStorage.getItem('second-color') || '#f6b206')
                $("#person-color").val(localStorage.getItem('person-color') || '#000')
                $(".c-dialog--dialog_wrap").addClass('c-dialog--visiable c-dialog--show')
            });
        }
    })
    $("head").after(`
     <style>
     #yzf-settings span{
         font-size:20px;
         float: left;
     }
     #yzf-settings input[type='color']{
         width:30px;
         height:30px;
         font-size:20px;
         float: right;
         text-align: center;
     }
     .c-badge--icon,
     .r-home-c-box3_recommend--recommend_work,
     .c-side_nav--slide_nav,
     .r-home-c-novel_area--novel_area,
     .r-home-c-code_tv--novel_area,
     li[data-watch_event='课程-入口tab'],
     li[data-watch_event='素材-入口tab'],
     li[data-watch_event='下载APP-入口tab'],
     li[data-watch_event='更多-入口tab'],
     .c-footer--footer_wrap
     {
     display:none !important
     }
     .r-user-c-banner--banner .r-user-c-banner--background{
     background-image: url();
     background-color: var(--person-color);
     }
     body{
     overflow-x: hidden;
     }
     *::-webkit-scrollbar {
            width: 5px;
            height: 5px;
        }
    *::-webkit-scrollbar-thumb {
        border-radius: 10px;
        box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
        background-color:  var(--main-color);
    }
    *::-webkit-scrollbar-thumb:hover {
        background-color:  var(--second-color);
    }
     </style>`);
})();