Greasy Fork

Greasy Fork is available in English.

必应搜索手机网页端主题-iOS16

美化必应搜索在iOS16手机网页端的样式,使其样式更符合iOS16,适配必应搜索自带浅色&深色模式,iOS系统请把必应主题调成浅色,在网页深色模式插件中禁用必应

当前为 2022-09-08 提交的版本,查看 最新版本

// ==UserScript==
// @name         必应搜索手机网页端主题-iOS16
// @namespace    https://github.com/iMortRex
// @version      0.1.3
// @description  美化必应搜索在iOS16手机网页端的样式,使其样式更符合iOS16,适配必应搜索自带浅色&深色模式,iOS系统请把必应主题调成浅色,在网页深色模式插件中禁用必应
// @author       Mort Rex
// @run-at       document-start
// @match        https://www.bing.com/*
// @match        https://cn.bing.com/*
// @require      https://code.jquery.com/jquery-3.6.0.min.js
// @icon         data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAGFBMVEUAgJ1ms8QQiKP////L5uuDws8gkKlFo7h+xr4ZAAAAZUlEQVR42t3SOw7AIAwDUPJxuP+Nmwi1XRqzonqA5ckExDgpohtg5sJBBv8A4RK8wc3SECC5ltEO1LZMB3CLDig2IIlzMJ02hPMZ8FxifoE30MEAonnJrn1Fajz+MbEOJ1HEODIXXwsC6M7C5HUAAAAASUVORK5CYII=
// @grant        GM_addStyle
// @license      MIT
// ==/UserScript==

(function () {
    'use strict';

    // 判断是否处于深色模式
    var theme = 0;
    if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
        console.log('Is dark mode');
        theme = 0;
    } else {
        console.log('Is light mode');
        theme = 1;
    }

    // 自动切换深浅色
    loopCheck();
    function loopCheck() {
        if (window.matchMedia('(prefers-color-scheme: dark)').matches && theme == 1) {
            console.log('Is dark mode');
            theme = 0;
            mainScript();
        } else if (!window.matchMedia('(prefers-color-scheme: dark)').matches && theme == 0) {
            console.log('Is light mode');
            theme = 1;
            mainScript();
        }
        setTimeout(loopCheck, 200);
    }

    var style1 = '';
    var style1_2 = '';
    var style2 = '';
    var style3 = '';
    mainScript();
    function mainScript() {
        //自定义样式,1.背景卡片 2.前景卡片 3.整体颜色
        if (theme == 0 || document.getElementById('bpage') && document.getElementById('bpage').getAttribute('class') == 'b_drk') {
            darkMode();
        } else {
            lightMode();
        }

        GM_addStyle(".b_algo" + style1);
        GM_addStyle(".b_ad" + style1);
        GM_addStyle(".b_adrnd" + style1);
        GM_addStyle(".b_ans" + style1);
        GM_addStyle(".b_pag" + style1);
        GM_addStyle(".b_msg" + style1);
        GM_addStyle(".b_mpref" + style1);
        GM_addStyle(".b_no" + style1);
        GM_addStyle(".b_searchboxForm" + style1_2);

        GM_addStyle(".mna_cnt .mna_ti_card" + style2);
        GM_addStyle(".b_slidebar .slide" + style2);
        GM_addStyle(".b_scard" + style2);


        // 顶部背景颜色
        GM_addStyle("#b_header {background-color: var(--htmlbk) !important;}");
        // 顶部右下角渐变颜色
        GM_addStyle(".b_scopebar ul:after {background: linear-gradient(to right,var(--htmlbk) 0%,var(--htmlbk) 100%) !important;}");
        // 关键字颜色
        GM_addStyle("#sp_requery strong, #sp_recourse strong, #tile_link_cn strong, .b_ad .ad_esltitle~div strong, h2 strong, .b_caption p strong, .b_snippetBigText strong, .recommendationsTableTitle+.b_slideexp strong, .recommendationsTableTitle+ul strong, .pageRecoContainer .b_module_expansion_control strong, .pageRecoContainer .b_title>strong, .b_ans .b_rs strong, #dict_ans strong, #b_content #ans_nws .mna_t strong, .adltwrnmsg strong {color: #F03232 !important;}");
        // 特殊标题顶部横线长度修复(搜索“cytoid官网”第一个卡片)
        GM_addStyle('.goBigAttr {margin: 0px -16px 16px -16px !important; padding: 0px 16px 16px 16px !important;}');

        // 隐藏“为回应符合本地法律要求”声明卡片
        GM_addStyle(".b_msg.b_canvas" + " {display: none !important;}");
        // 隐藏页脚
        GM_addStyle("#b_footer" + " {display: none !important;}");
        // 移除广告卡片
        if (document.getElementById('fbtop')) {
            document.getElementById('fbtop').parentNode.parentNode.parentNode.parentNode.parentNode.remove();
        }
    }

    function darkMode() {
        style1 = " {border-radius: 12px !important; margin: 10px !important; -webkit-box-shadow: 0 0px 8px 0px rgb(0 0 0 / 0%) !important;}";
        // 搜索框专用
        style1_2 = " {border-radius: 12px !important; -webkit-box-shadow: 0 0px 8px 0px rgb(0 0 0 / 0%) !important;}";
        style2 = " {border-radius: 12px !important; -webkit-box-shadow: 0 0 0 1px rgb(0 0 0 / 0%), 0 0px 8px 0px rgb(0 0 0 / 0%) !important; border: 0px var(--brdcol) solid !important}";
        // --htmlbk:背景色,--alinkcol:标题颜色,--alinkcol2:标题颜色2,--alinkvcol:标题颜色3,--citcol:标注文本和地址颜色,--canvasbk2:常规卡片背景色,--brdcol:分割线颜色,--greencol:一些卡片地址颜色,--partxtcol:标题下方网页内容颜色,--primtxt:特殊卡片标题颜色和搜索框内搜索文本颜色,--secbrdcol:一些卡片内分割线颜色,--promtxt:一些卡片内前景文本颜色如视频卡片内视频标题文本颜色,--canvasbk3:一些卡片的背景色,--actbrdcol:前景卡片上按钮颜色,--regtxt:特殊卡片选项颜色,--sectxt:特殊卡片注释颜色,--cardsbk2:前景卡片背景颜色,
        style3 = " {--htmlbk: #000000 !important; --alinkcol: #ffffff !important; --alinkcol2: #ffffff !important; --alinkvcol: #ffffff !important; --citcol: #9b9b9b !important; --canvasbk2: #1c1c1e !important; --brdcol: #3e3e41 !important; --greencol: #9b9b9b !important; --partxtcol: #ffffff !important; --primtxt: #ffffff !important; --secbrdcol: #3a3e41 !important; --promtxt: #ffffff !important; --canvasbk3: transparent !important; --actbrdcol: #00809d !important; --regtxt: #d2d0ce !important; --sectxt: #bebbb8 !important; --cardsbk2: #313135 !important;}";

        // 标题栏颜色,Meta颜色
        if ($("meta[name='theme-color']").attr('content')) {
            $("meta[name='theme-color']").attr('content', '#000000');
        } else {
            $('head').append('<meta name="theme-color" content="#000000">');
        }
        // 整体颜色
        GM_addStyle("html" + style3);
        GM_addStyle("body" + style3);
        // 背景颜色
        GM_addStyle("#bpage, #bpage .b_fpage" + " {background-color: var(--htmlbk) !important;}");
        // 搜索框颜色
        GM_addStyle("#bpage .sa_as, #bpage .b_searchboxForm, #bpage .b_searchboxForm .sw_tpcbk, #bpage .b_overlay .btn .bg" + " {background-color: var(--canvasbk2) !important;}");
        // 前景卡片颜色
        GM_addStyle("#bpage #b_content .mna_cnt .mna_ti_card .mna_cap, #bpage #b_content .mna_cnt a.mnws_cwrp" + " {background-color: var(--cardsbk2) !important;}");
        GM_addStyle(".hozdl_car .b_slidebar .slide" + " {background-color: var(--cardsbk2) !important;}");
        // 搜索按钮下方错误颜色修正
        GM_addStyle('#bpage select, #bpage input, #bpage input[type="text"]' + " {background-color: var(--canvasbk2) !important;}");
        // 搜索框跟随背景颜色修正
        GM_addStyle('.phead' + " {background-color: var(--htmlbk) !important;}");
        // 卡片内标签颜色修正
        GM_addStyle('.b_dmtab' + " {background-color: transparent !important; color: var(--citcol) !important; box-shadow: 0 !important}");
        GM_addStyle('.tab-active' + " {background-color: transparent !important; color: var(--alinkcol) !important; box-shadow: inset 0 -3px 0 0 var(--alinkcol) !important}");
        // 标题颜色
        GM_addStyle("#bpage a, #bpage .b_alink" + " {color: var(--alinkcol) !important;}");
        // 特殊标题文本颜色
        GM_addStyle(".df_c div.rwrl" + " {color: var(--alinkcol) !important;}");
        GM_addStyle(".rch-cap-cntr" + " {color: var(--alinkcol) !important;}");
        // 特殊标题底部横线
        GM_addStyle("hr.df_f" + " {color: var(--brdcol) !important; background-color: var(--brdcol) !important;}");
        // 资讯文本颜色
        GM_addStyle(".b_promtxt" + " {color: var(--alinkcol) !important;}");
        // 资讯前景卡片颜色修正
        GM_addStyle(".b_slidebar .slide" + " {background-color: transparent !important;}");
        // 视频文本渐变条颜色
        GM_addStyle(".mobilevideoitemtitle_mmftb:after" + " {background: linear-gradient(to right,var(--canvasbk2) 0%,var(--canvasbk2) 100%) !important;}");
        // 特殊卡片背景颜色修正
        GM_addStyle(".b_canvas.b_tophbb" + " {background-color: transparent !important;}");
        // 特殊卡片分割线颜色修正
        GM_addStyle(".c_stat+.c_stat" + " {border-left: 1px solid var(--brdcol) !important;}");
        // 相关搜索横条颜色
        GM_addStyle(".b_rs .b_vList li" + " {border-top: 1px solid var(--brdcol) !important;}");
        // 设置页背景颜色
        GM_addStyle("#HBright" + " {background-color: #292827 !important;}");
        // 设置页箭头颜色
        GM_addStyle(".hbic_chevdown" + " {background-position: -512px -52px !important;}");
        GM_addStyle(".hbic_chevup" + " {background-position: -512px -74px !important;}");
        // 设置页设置图标颜色
        GM_addStyle(".hbic_setting" + " {background-position: -52px -52px !important;}");
        // 设置页安全搜索图标颜色
        GM_addStyle(".hbic_safesearch" + " {background-position: -104px -52px !important;}");
        // 设置页搜索历史记录图标颜色
        GM_addStyle(".hbic_history" + " {background-position: -156px -52px !important;}");
        // 设置页主题图标颜色
        GM_addStyle(".hbic_dmtoggle" + " {background-position: -416px -52px !important;}");
        // 设置页隐私图标颜色
        GM_addStyle(".hbic_privacy" + " {background-position: -260px -52px !important;}");
        // 设置页反馈图标颜色
        GM_addStyle(".hbic_feedback" + " {background-position: -312px -52px !important;}");
        // 设置页展开后背景颜色
        GM_addStyle(".hb_section.hb_top_sec.hb_expanded" + " {background-color: #292827 !important;}");
        GM_addStyle(".hb_expandible" + " {background-color: #292827 !important;}");
        // 切换到国际版文本颜色
        GM_addStyle("#est_switch" + " {color: var(--tealcol) !important;}");
    }

    function lightMode() {
        style1 = " {border-radius: 12px !important; margin: 10px !important; -webkit-box-shadow: 0 0px 8px 0px rgb(0 0 0 / 0%) !important;}";
        // 搜索框专用
        style1_2 = " {border-radius: 12px !important; -webkit-box-shadow: 0 0px 8px 0px rgb(0 0 0 / 0%) !important;}";
        style2 = " {border-radius: 12px !important; -webkit-box-shadow: 0 0 0 1px rgb(0 0 0 / 0%), 0 0px 8px 0px rgb(0 0 0 / 0%) !important; border: 0px var(--brdcol) solid !important}";
        // --htmlbk:背景色,--alinkcol:标题颜色,--alinkcol2:标题颜色2,--alinkvcol:标题颜色3,--citcol:标注文本和地址颜色,--canvasbk2:常规卡片背景色,--brdcol:分割线颜色,--greencol:一些卡片地址颜色,--partxtcol:标题下方网页内容颜色,--primtxt:特殊卡片标题颜色和搜索框内搜索文本颜色,--secbrdcol:一些卡片内分割线颜色,--promtxt:一些卡片内前景文本颜色如视频卡片内视频标题文本颜色,--canvasbk3:一些卡片的背景色,--actbrdcol:前景卡片上按钮颜色,--regtxt:特殊卡片选项颜色,--sectxt:特殊卡片注释颜色,--cardsbk2:前景卡片背景颜色,
        style3 = " {--htmlbk: #f2f2f6 !important; --alinkcol: #000000 !important; --alinkcol2: #000000 !important; --alinkvcol: #000000 !important; --citcol: #9b9b9b !important; --canvasbk2: #ffffff !important; --brdcol: #dddddd !important; --greencol: #9b9b9b !important; --partxtcol: #000000 !important; --primtxt: #000000 !important; --secbrdcol: #dddddd !important; --promtxt: #000000 !important; --canvasbk3: transparent !important; --actbrdcol: #00809d !important; --regtxt: #666666 !important; --sectxt: #767676 !important; --cardsbk2: #eeeeef !important;}";

        // 标题栏颜色,Meta颜色
        if ($("meta[name='theme-color']").attr('content')) {
            $("meta[name='theme-color']").attr('content', '#F2F2F6');
        } else {
            $("head").append('<meta name="theme-color" content="#F2F2F6">');
        }
        // 整体颜色
        GM_addStyle("html" + style3);
        GM_addStyle("body" + style3);
        // 背景颜色
        GM_addStyle("#bpage, #bpage .b_fpage" + " {background-color: var(--htmlbk) !important;}");
        // 搜索框颜色
        GM_addStyle("#bpage .sa_as, #bpage .b_searchboxForm, #bpage .b_searchboxForm .sw_tpcbk, #bpage .b_overlay .btn .bg" + " {background-color: var(--canvasbk2) !important;}");
        // 前景卡片颜色
        GM_addStyle("#bpage #b_content .mna_cnt .mna_ti_card .mna_cap, #bpage #b_content .mna_cnt a.mnws_cwrp" + " {background-color: var(--cardsbk2) !important;}");
        GM_addStyle(".hozdl_car .b_slidebar .slide" + " {background-color: var(--cardsbk2) !important;}");
        // 搜索按钮下方错误颜色修正
        GM_addStyle('#bpage select, #bpage input, #bpage input[type="text"]' + " {background-color: var(--canvasbk2) !important;}");
        // 搜索框跟随背景颜色修正
        GM_addStyle('.phead' + " {background-color: var(--htmlbk) !important;}");
        // 卡片内标签颜色修正
        GM_addStyle('.b_dmtab' + " {background-color: transparent !important; color: var(--citcol) !important; box-shadow: 0 !important}");
        GM_addStyle('.tab-active' + " {background-color: transparent !important; color: var(--alinkcol) !important; box-shadow: inset 0 -3px 0 0 var(--alinkcol) !important}");
        // 标题颜色
        GM_addStyle("#bpage a, #bpage .b_alink" + " {color: var(--alinkcol) !important;}");
        // 特殊标题文本颜色
        GM_addStyle(".df_c div.rwrl" + " {color: var(--alinkcol) !important;}");
        GM_addStyle(".rch-cap-cntr" + " {color: var(--alinkcol) !important;}");
        // 特殊标题底部横线
        GM_addStyle("hr.df_f" + " {color: var(--brdcol) !important; background-color: var(--brdcol) !important;}");
        // 资讯文本颜色
        GM_addStyle(".b_promtxt" + " {color: var(--alinkcol) !important;}");
        // 资讯前景卡片颜色修正
        GM_addStyle(".b_slidebar .slide" + " {background-color: transparent !important;}");
        // 视频文本渐变条颜色
        GM_addStyle(".mobilevideoitemtitle_mmftb:after" + " {background: linear-gradient(to right,var(--canvasbk2) 0%,var(--canvasbk2) 100%) !important;}");
        // 特殊卡片背景颜色修正
        GM_addStyle(".b_canvas.b_tophbb" + " {background-color: transparent !important;}");
        // 特殊卡片分割线颜色修正
        GM_addStyle(".c_stat+.c_stat" + " {border-left: 1px solid var(--brdcol) !important;}");
        // 相关搜索横条颜色
        GM_addStyle(".b_rs .b_vList li" + " {border-top: 1px solid var(--brdcol) !important;}");
        // 设置页背景颜色
        // GM_addStyle("#HBright" + " {background-color: #292827 !important;}");
        // 设置页箭头颜色
        // GM_addStyle(".hbic_chevdown" + " {background-position: -512px -52px !important;}");
        // GM_addStyle(".hbic_chevup" + " {background-position: -512px -74px !important;}");
        // 设置页设置图标颜色
        // GM_addStyle(".hbic_setting" + " {background-position: -52px -52px !important;}");
        // 设置页安全搜索图标颜色
        // GM_addStyle(".hbic_safesearch" + " {background-position: -104px -52px !important;}");
        // 设置页搜索历史记录图标颜色
        // GM_addStyle(".hbic_history" + " {background-position: -156px -52px !important;}");
        // 设置页主题图标颜色
        // GM_addStyle(".hbic_dmtoggle" + " {background-position: -416px -52px !important;}");
        // 设置页隐私图标颜色
        // GM_addStyle(".hbic_privacy" + " {background-position: -260px -52px !important;}");
        // 设置页反馈图标颜色
        // GM_addStyle(".hbic_feedback" + " {background-position: -312px -52px !important;}");
        // 设置页展开后背景颜色
        // GM_addStyle(".hb_section.hb_top_sec.hb_expanded" + " {background-color: #292827 !important;}");
        // GM_addStyle(".hb_expandible" + " {background-color: #292827 !important;}");
        // 切换到国际版文本颜色
        GM_addStyle("#est_switch" + " {color: var(--tealcol) !important;}");
    }
})();