Greasy Fork

Greasy Fork is available in English.

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

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

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

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Greasemonkey 油猴子Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Userscripts ,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

// ==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;}");
    }
})();