Greasy Fork

Greasy Fork is available in English.

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

美化必应搜索在iOS16手机网页端的样式,使其样式更符合iOS16,适配必应搜索自带浅色&深色模式,适配DarkReader系深色插件

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

// ==UserScript==
// @name         必应搜索手机网页端主题-iOS16
// @namespace    https://github.com/iMortRex
// @version      0.0.6
// @description  美化必应搜索在iOS16手机网页端的样式,使其样式更符合iOS16,适配必应搜索自带浅色&深色模式,适配DarkReader系深色插件
// @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';

    checkLoop();
    function checkLoop() {
        if (document.getElementsByTagName('html')) {
            //自定义样式,1.背景卡片 2.前景卡片 3.整体颜色
            if ($('html').attr('data-darkreader-scheme') == 'dark') {
                var style1 = " {border-radius: 12px !important; margin: 10px !important; -webkit-box-shadow: 0 0px 8px 0px rgb(0 0 0 / 0%) !important;}";
                // 搜索框专用
                var style1_2 = " {border-radius: 12px !important; -webkit-box-shadow: 0 0px 8px 0px rgb(0 0 0 / 0%) !important;}";
                var 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}";
                var style3 = " {--darkreader-bg--htmlbk: #000000 !important; --darkreader-text--alinkcol: #FFFFFF !important; --darkreader-text--alinkcol2: #FFFFFF !important; --darkreader-text--alinkvcol: #FFFFFF !important; --darkreader-text--citcol: #9B9B9B !important; --darkreader-bg--canvasbk2: #1C1C1E !important;";
                var style3_2 = "--htmlbk: #000000 !important; --alinkcol: #FFFFFF !important; -text--alinkcol2: #FFFFFF !important; --alinkvcol: #FFFFFF !important; --citcol: #9B9B9B !important; --canvasbk2: #1C1C1E !important;--brdcol: #3a3e41 !important}";

                // 标题栏颜色,Meta颜色
                $("meta[name='theme-color']").attr('content', '#000000');
                // 整体颜色
                GM_addStyle("html" + style3 + style3_2);
                // 背景颜色
                GM_addStyle("#bpage, #bpage .b_fpage" + " {background-color: var(--darkreader-bg--htmlbk) !important;}");
                // 搜索框颜色
                GM_addStyle("#bpage .sa_as, #bpage .b_searchboxForm, #bpage .b_searchboxForm .sw_tpcbk, #bpage .b_overlay .btn .bg" + " {background-color: var(--darkreader-bg--canvasbk2) !important;}");
                // 前景卡片颜色
                GM_addStyle("#bpage #b_content .mna_cnt .mna_ti_card .mna_cap, #bpage #b_content .mna_cnt a.mnws_cwrp" + " {background-color: #313135 !important;}");
                GM_addStyle(".hozdl_car .b_slidebar .slide" + " {background-color: #313135 !important;}");
                // 搜索按钮下方错误颜色修正
                GM_addStyle('#bpage select, #bpage input, #bpage input[type="text"]' + " {background-color: var(--darkreader-bg--canvasbk2) !important;}");
                // 标题颜色
                GM_addStyle("#bpage a, #bpage .b_alink" + " {color: var(--darkreader-text--alinkcol) !important;}");
                // 切换到国际版文本颜色
                GM_addStyle("#est_switch" + " {color: var(--tealcol) !important;}");
            } else if (document.querySelector('#bpage').getAttribute('class') == 'b_drk') {
                var style1 = " {border-radius: 12px !important; margin: 10px !important; -webkit-box-shadow: 0 0px 8px 0px rgb(0 0 0 / 0%) !important;}";
                // 搜索框专用
                var style1_2 = " {border-radius: 12px !important; -webkit-box-shadow: 0 0px 8px 0px rgb(0 0 0 / 0%) !important;}";
                var 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: 1px var(--brdcol) solid !important}";
                var style3 = " {--htmlbk: #000000 !important; --alinkcol: #FFFFFF !important; --alinkcol2: #FFFFFF !important; --alinkvcol: #FFFFFF !important; --citcol: #9B9B9B !important; --canvasbk2: #1C1C1E !important;}";

                // 标题栏颜色,Meta颜色
                $("meta[name='theme-color']").attr('content', '#000000');
                // 整体颜色
                GM_addStyle("#bpage.b_drk" + style3);
                // 背景颜色
                GM_addStyle("#bpage.b_drk, #bpage.b_drk .b_fpage" + " {background-color: var(--htmlbk) !important;}");
                // 搜索框颜色
                GM_addStyle("#bpage.b_drk .sa_as, #bpage.b_drk .b_searchboxForm, #bpage.b_drk .b_searchboxForm .sw_tpcbk, #bpage.b_drk .b_overlay .btn .bg" + " {background-color: var(--canvasbk2) !important;}");
                // 前景卡片颜色
                GM_addStyle("#bpage.b_drk #b_content .mna_cnt .mna_ti_card .mna_cap, #bpage.b_drk #b_content .mna_cnt a.mnws_cwrp" + " {background-color: #313135 !important;}");
                // 搜索按钮下方错误颜色修正
                GM_addStyle('#bpage.b_drk select, #bpage.b_drk input, #bpage.b_drk input[type="text"]' + " {background-color: var(--canvasbk2) !important;}");
                // 标题颜色
                GM_addStyle("#bpage.b_drk a, #bpage.b_drk .b_alink" + " {color: var(--alinkcol) !important;}");
                // 切换到国际版文本颜色
                GM_addStyle("#est_switch" + " {color: var(--tealcol) !important;}");
            } else {
                var style1 = " {border-radius: 12px !important; margin: 10px !important; -webkit-box-shadow: 0 0px 8px 0px rgb(0 0 0 / 0%) !important;}";
                // 搜索框专用
                var style1_2 = " {border-radius: 12px !important; -webkit-box-shadow: 0 0px 8px 0px rgb(0 0 0 / 0%) !important;}";
                var 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: 1px var(--brdcol) solid !important}";
                var style3 = " {--htmlbk: #F2F2F6 !important; --alinkcol: #000000 !important; --alinkcol2: #000000 !important; --alinkvcol: #000000 !important; --citcol: #9B9B9B !important; --canvasbk2: #FFFFFF !important;}";

                // 标题栏颜色,Meta颜色
                $("head").append('<meta name="theme-color" content="#F2F2F6">');

                GM_addStyle(":root" + style3);
            }

            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_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;}");
            return;
        }
        setTimeout(checkLoop, 20);
    }
})();