Greasy Fork

来自缓存

Greasy Fork is available in English.

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

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

当前为 2022-07-11 提交的版本,查看 最新版本

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    //自定义样式,1.背景卡片 2.前景卡片 3.整体颜色
    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;}");
        console.log("1");
    } 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);
        console.log("2");
    }

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