将必应优化为 Material You 样式
目前为
/* ==UserStyle==
@name Pure 必应&Material You
@namespace github.com/openstyles/stylus
@version 1.0.0
@description 将必应优化为 Material You 样式
@author CWorld
@license MIT
@var color bg1 "页面背景色" #F6FCFF
@var color bg2 "卡片背景色" #D8EDF6
@var color bg3 "卡片深景色" #CFE5EF
@var color fg1 "字体主色调" #336884
@var color fg2 "字体次色调" #88A5B4
@var color line "轮廓划线色" #B7CBD3
@var color green "绿色" #269FBB
@var color red "红色" #E65151
@var color blue "蓝色" #537ECE
@var color purple "紫色" #A542DC
@var range animate "动画时长" [0.3, 0, 1, 0.1, 's']
==/UserStyle== */
@-moz-document url-prefix("http://cn.bing.com/search"),
url-prefix("https://cn.bing.com/search"),
url-prefix("http://bing.com/search"),
url-prefix("https://bing.com/search") {
/* 深色配色供参考 */
/* :root {
--bg1: #F6FCFF;
--bg2: #D8EDF6;
--bg3: #CFE5EF;
--fg1: #336884;
--fg2: #88A5B4;
--line: #B7CBD3;
--green: #269FBB;
--red: #E65151;
--blue: #537ECE;
--purple: #A542DC;
--animate: 0.3s;
} */
/* */
/* :root {
--bg1: #1D2325;
--bg2: #323739;
--bg3: #3B4042;
--fg1: #F9F9F9;
--fg2: #BFBFBF;
--line: #4F4F4F;
--green: #269FBB;
--red: #FF7171;
--blue: #81A5E8;
--purple: #D282FF;
--animate: .3s;
} */
/* 广告 */
.dict_oa .ap_icon {
display: none;
}
/* 修复 Darkreader Bug */
.b_header_bg {
z-index: -1 !important;
}
.na_cnt .nws_itm,
.nws_itmb,
#b_content #b_results > li:not(#mfa_root),
body #b_header {
border: none;
}
#b_results > li.b_pag,
#b_content #b_results li h2,
#b_content #b_results li:hover {
background-color: transparent !important;
}
/* 全局赋色 */
html,
body,
input,
textarea,
select,
button {
background-color: var(--bg1);
}
body,
.b_promoteText,
#b_tween a.ftrH,
#b_tween a.ftrH:hover,
.b_expando,
.b_expando h2,
.b_active a,
.b_active a:visited,
.b_active a:hover,
#b_results > .b_pag a,
#b_results .b_no,
#b_content a.cbl:visited,
#b_content a.cbl {
color: var(--fg2);
}
a,
#b_tween a:visited,
#b_results .b_no a {
color: var(--blue);
}
a:visited {
color: var(--purple);
}
/* 搜索框 */
#est_cn,
#est_en,
#est_switch .est_unselected {
color: var(--fg2);
}
#est_switch .est_unselected::after {
background-color: var(--bg1);
border-color: var(--line);
}
#est_switch .est_selected::after {
background-color: var(--bg2);
border-color: var(--line);
}
.b_searchbox {
color: var(--fg1);
}
.b_searchboxForm,
.sa_as .sa_drw {
background-color: var(--bg2);
}
.b_scopebar .b_active a,
.b_scopebar a:hover,
.id_button:hover {
color: var(--fg1);
transition: var(--animate);
}
.b_scopebar,
.b_scopebar a,
.b_scopebar a:visited,
.id_button,
.id_button:visited,
#sw_as .sa_as .sa_drw,
#sw_as .sa_as li.pp_tile,
#sw_as .sa_as .sa_tm strong,
#sw_as .sa_as table,
#sw_as .sa_as .sa_sg .sa_tm,
#sw_as .sa_as .b_tHeader,
#sw_as .sa_as .b_demoteText,
#sw_as .sa_as .b_secondaryText,
#sw_as .sa_as .b_attribution,
#sw_as .sa_as .b_factrow,
#sw_as .sa_as #sa_ul .b_focusLabel,
#sw_as .sa_as .b_footnote,
#sw_as .sa_as .b_ad .b_adlabel,
#sw_as .sa_as .b_expando .b_subModule,
#sw_as .sa_as .b_expando .b_suppModule,
#sw_as .sa_as .b_algo .b_vList td,
#sw_as .sa_as .b_expando .b_secondaryText,
#sw_as .sa_as .b_expando .b_attribution,
#sw_as .sa_as .b_expando .b_factrow,
#sw_as .sa_as .b_expando .b_footnote,
#sw_as .sa_as .ctxtb,
#sw_as .as_msbblocksug,
#sw_as .as_msbblockheader,
#sw_as .sa_msbribboncontainer,
#sw_as .sa_as .sa_rmvd {
color: var(--fg2);
}
#b_header {
border-bottom: 1px solid var(--line) !important;
}
#mfa_root .mfa_btn,
#sw_as .sa_drw,
#sw_as li.pp_tile.sa_hv,
#sw_as .sa_hv {
background-color: var(--bg2);
}
#sw_as > .sa_fd {
background-color: var(--bg2);
color: var(--fg2);
}
#sw_as .sa_fd:hover,
#b_header .mic_cont.partner .b_icon:hover::after,
[vptest]::after,
*[data-sbtip]:not(.disableTooltip):hover::after,
*[data-sbtip].shtip:not(.disableTooltip)::after,
*[data-sbtipx]:hover::after {
color: var(--fg1);
}
#b_header .mic_cont.partner .b_icon:hover::before,
#b_header .mic_cont.partner .b_icon:hover::after,
[vptest]::before,
*[data-sbtip]:not(.disableTooltip):hover::before,
*[data-sbtip].shtip:not(.disableTooltip)::before,
[vptest]::after,
*[data-sbtip]:not(.disableTooltip):hover::after,
*[data-sbtip].shtip:not(.disableTooltip)::after,
*[data-sbtipx]:hover::before,
*[data-sbtipx]:hover::after {
background-color: var(--bg3);
}
/* 搜索结果 */
#b_results > li.b_algo,
#b_results > li.b_ans {
padding: 15px 18px 5px 35px;
background-color: var(--bg2);
margin-bottom: 12px;
border-radius: 10px !important;
transition: var(--animate);
}
#b_content > main > #b_results > li.b_algo:hover,
#b_content > main > #b_results > li.b_ans:hover {
background-color: var(--bg3) !important;
}
#b_results,
#b_results .b_defaultText,
#b_results > .b_pag a:hover,
#b_tween .b_toggle:hover,
#b_tween .b_highlighted {
color: var(--fg1);
}
.recommendationsTableTitle h2,
.fbans > div > a,
.fbans > div > a:visited {
color: var(--fg2) !important;
}
cite,
#b_results cite.sb_crmb a,
#b_results cite a.sb_metalink,
#b_results .b_adurl cite a,
#bk_wr_container cite a {
color: var(--green);
}
#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 + table strong,
.recommendationsTableTitle + ul strong,
.pageRecoContainer .b_module_expansion_control strong,
.b_rs strong,
.b_rrsr strong,
#dict_ans strong,
.b_listnav > .b_ans_stamp > strong,
#b_content #ans_nws .na_cnt strong,
.adltwrnmsg strong {
color: var(--red);
}
#b_results > li a {
color: var(--blue);
}
#b_results > li a:visited {
color: var(--purple);
}
/* 特殊卡片优化 */
/* 推荐小卡片 */
.b_slidebar .slide,
.na_cl .na_citem,
.nws_itm,
.tab-menu.tab-flex > ul > li {
background-color: var(--bg1) !important;
}
body #b_pole {
background-color: var(--bg2);
}
.pagereco_titleLink .slide .b_title,
.pagereco_titleLink .slide .b_title strong {
color: var(--blue);
}
.pageRecoContainer .slide .b_text,
.b_algospacing .b_algospacing_title_link,
#b_results .b_algo .b_vlist2col.b_deep,
.b_algospacing .b_algospacing_link,
.ans_nws .na_cnt .b_secondaryText,
#ans_nws .na_cnt .itm_tlt_snp .itm_spt,
.na_cnt .itm_tlt_snp .itm_spt,
#ans_nws .na_cnt .citm_spt,
.b_top,
.b_top .b_promoteText,
.tab-menu.tab-flex > ul > li,
.b_algo .b_factrow {
color: var(--fg2) !important;
}
.na_cnt .na_t,
.header,
.tab-menu.tab-flex > ul > li.tab-active,
#b_content #b_pole #ans_nws .tfil_title,
.qna_elc .rwrl,
.df_c .rwrl,
#b_results .df_c .b_entityTitle {
color: var(--fg1) !important;
}
.b_algospacing .b_algospacing_block,
#cTechTabThCtr li .cico,
.rc_herotabheader .tab-head,
body #b_pole {
border-color: var(--line);
}
/* 必应词典 */
.dict_oa {
padding: 0;
margin: 0;
box-shadow: none;
}
/* 页面指示 */
#b_results > li.b_msg {
background-color: transparent;
}
#b_results > .b_pag .sb_pagS_bp {
color: var(--fg1);
background-color: var(--bg2);
}
#b_results > .b_pag a {
transition: var(--animate);
}
#b_results > .b_pag .sb_pagS_bp:hover,
#b_results > .b_pag a:hover {
background-color: var(--bg2) !important;
}
.sb_pagN_bp:hover:after,
.sb_pagN_bp:active:after,
.sb_pagN_bp:focus:after {
-webkit-transform-origin: -1394px 0;
transform-origin: -1394px 0;
}
/* 侧栏 */
#b_mtp:not(.crhide),
#b_mtp * {
color: var(--fg2);
}
.mtprt {
background: var(--bg2);
}
#b_context .b_ans,
#b_context #wpc_ag,
.vrhc {
background-color: var(--bg2);
}
#b_context .b_ans {
padding: 15px 20px 5px 20px;
margin-bottom: 12px;
border-radius: 10px;
}
#b_results #serpvidansrr .vsatitle,
#b_context #serpvidansrr .vsatitle h3::before,
h2::before {
display: none;
}
#b_context cite,
#b_context cite a,
.mc_vtvc_meta_channel,
span.vrhch {
color: var(--green);
}
.mc_vtvc {
background-color: var(--bg1);
box-shadow: 0 0 0 1px rgb(0 0 0 / 5%), 0 2px 3px 0 rgb(0 0 0 / 10%);
}
.mc_vtvc_title,
.vrhc,
#b_context,
#b_context #wpc_eif {
color: var(--fg1);
}
.mc_vtvc_meta_pubdate,
.vrhde {
color: var(--fg2);
}
.vrhdvd {
border-color: var(--line);
}
/* 页脚 */
.b_footer {
background-color: var(--bg2);
}
.b_footer,
.b_footer a,
.b_footer a:visited {
color: var(--fg2);
}
}
QingJ © 2025
镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址