Greasy Fork is available in English.
将必应优化为 Material You 样式
当前为
/* ==UserStyle==
@name Pure 必应&Material You
@namespace github.com/openstyles/stylus
@version 1.1.2
@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']
@var select recom-card "搜索左侧推荐卡片" {
"hide:隐藏": "none",
"exhibit:展示": "block"
}
==/UserStyle== */
@-moz-document url-prefix("Bing 样式") {
/* 深色配色供参考 */
/* :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: #364354;
--bg2: #445469;
--bg3: #4e5f77;
--fg1: #f9f9f9;
--fg2: #bfbfbf;
--line: #929292;
--green: #269fbb;
--red: #dd6e6e;
--blue: #8eafeb;
--purple: #ce92f0;
--animate: .3s;
} */
}
@-moz-document url("http://cn.bing.com/"),
url-prefix("http://cn.bing.com/?"),
url("https://cn.bing.com/"),
url-prefix("https://cn.bing.com/?"),
url("http://www.bing.com/"),
url-prefix("http://www.bing.com/?"),
url("https://www.bing.com/"),
url-prefix("https://www.bing.com/?") {
/* 主页部分 */
#est_switch .est_common:not(.est_selected),
#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,
.footer .items .item a,
.footer .items .item span,
.footer .msft {
color: var(--fg2);
}
#est_switch .est_selected,
#est_switch .est_common:hover,
.sbox .sb_form .sb_form_q,
#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(--fg1);
}
#est_switch .est_common::after,
.footer.no_mod {
background-color: var(--bg1);
}
#est_switch .est_selected::after,
#est_switch .est_unselected:hover::after,
.sbox .sb_form,
.sbox .sb_form #sw_as .sa_as #sa_ul.sa_drw,
.sbox .sb_form #sw_as .sa_as #sa_ul.sa_drw:not(:empty):before,
#sw_as .sa_hv,
#sw_as .as_rmhswarning {
background-color: var(--bg2);
}
#sw_as .as_rmhswarning,
.sbox .sb_form #sw_as .sa_as #sa_ul.sa_drw:not(:empty) {
border-color: var(--line);
}
#sw_as .as_rmhswarning > span > a {
color: var(--blue) !important;
}
#sw_as .sa_as .sa_drw .sa_sg .sa_tmHS,
#sw_as .sa_as .sa_drw .sa_sg div.sa_tmHS strong {
color: var(--purple);
}
/* 修复 */
#est_switch .est_unselected {
text-shadow: none;
}
#est_switch .est_common:not(.est_selected),
#est_switch .est_common:not(.est_selected)::after {
transition: var(--animate);
opacity: 0.9
}
}
@-moz-document url-prefix("http://cn.bing.com/search"),
url-prefix("https://cn.bing.com/search"),
url-prefix("http://www.bing.com/search"),
url-prefix("https://www.bing.com/search") {
/* 搜索页部分 */
/* 广告 */
.dict_oa .ap_icon {
display: none;
}
div#textDeeplinksWidgetContainer {
display: var(--recom-card) !important;
}
/* 修复 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_results > li.b_msg,
#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.cbtn,
.cbtn a,
.cbtn input {
border-color: var(--line)
}
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,
#sw_as .as_rmhswarning,
#sw_as > .sa_fd {
background-color: var(--bg2);
}
#sw_as > .sa_fd {
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,
.b_speech_overlay .b_speech_cont .b_rec_text.b_placeholder {
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,
.b_speech_overlay .b_speech_cont {
background-color: var(--bg3);
}
#sw_as .as_rmhswarning {
border-color: var(--line);
}
#sw_as .sa_as .sa_drw .sa_sg .sa_tmHS,
#sw_as .sa_as .sa_drw .sa_sg div.sa_tmHS strong {
color: var(--purple);
}
#sw_as .as_rmhswarning > span > a {
color: var(--blue) !important;
}
/* 右上菜单 */
#id_hbfo {
background-color: var(--bg2);
}
.hbic_col,
.hb_title_col,
.hb_value_col {
color: var(--fg2)
}
.hb_section:active,
.hb_section:hover,
.hb_section:visited,
.serp_thm:hover > .hb_section,
.serp_thm:visited > .hb_section {
background-color: var(--bg3);
}
#bepfo,
#id_d {
color: var(--fg1);
background-color: var(--bg2);
}
.id_name {
color: var(--fg2);
}
#id_d a:hover {
background-color: var(--bg3);
}
.b_idOpen a#id_l,
a#id_rh.openfo {
color: var(--fg2);
}
/* 搜索结果 */
#b_content > main > #b_results > li.b_algo,
#b_content > main > #b_results > li.b_ans {
padding: 15px 18px 5px 35px;
background-color: var(--bg2) !important;
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,
#b_results > .b_ans .btm_sml a,
#b_results > .b_ans .btm_sml a:visited,
#b_context > .b_ans .btm_sml a,
#b_context > .b_ans .btm_sml 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,
a.cbtn,
.cbtn a,
.cbtn input,
#b_content a.cbtn,
#b_content a.cbtn:visited,
#b_content .cbtn a,
#b_content .cbtn a:visited {
background-color: var(--bg1) !important;
}
body #b_pole,
#b_tween .ftrB a.ftrH.b_selected,
#b_tween .ftrB a.ftrH:hover,
#b_tween .ftrB a.ftrH:focus,
#b_tween .b_dropdown .b_selected,
.b_rrsr,
#b_results .b_vtl_deeplinks .b_widgetContainer {
background-color: var(--bg2) !important;
}
#b_tween .ftrB .b_dropdown,
#b_context .b_rrsr > .b_vList > li a:hover {
background-color: var(--bg3);
}
.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,
#b_tween .b_dropdown .b_toggle,
.ftrD .b_vPanel > div,
.b_tHeader,
.b_demoteText,
.b_secondaryText,
.b_attribution,
.b_factrow,
.b_focusLabel,
.b_footnote,
.b_ad .b_adlabel,
#b_tween .b_dropdown a,
.b_expando .b_subModule,
.b_expando .b_suppModule,
.b_algo .b_vList td,
#b_content .b_lowFocusLink a,
#b_context .b_secondaryText,
#b_context .b_attribution,
#b_context .b_factrow,
#b_context .b_footnote,
#b_context .b_ad .b_adlabel,
.b_expando .b_secondaryText,
.b_expando .b_attribution,
.b_expando .b_factrow,
.b_expando .b_footnote,
.ftrD .b_vPanel input.ctxt,
.b_algospacing .b_algospacing_title_link,
.dc_prn,
.dc_grs,
.dc_gr,
.b_rrsr h2,
#b_context .b_rrsr > .b_vList > li a,
.b_caption,
.snippet {
color: var(--fg2) !important;
}
.tdw_ttline {
background: var(--bg2) !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,
#b_tween .ftrB a.ftrH.b_selected,
#b_tween .ftrB a.ftrH:hover,
#b_tween .ftrB a.ftrH:focus,
.dc_mn,
.dc_st {
color: var(--fg1) !important;
}
.b_algospacing .b_algospacing_block,
#cTechTabThCtr li .cico,
.rc_herotabheader .tab-head,
body #b_pole,
#b_tween .ftrB .b_dropdown,
.ftrD > div.b_vPanel,
.ccal,
.ccal.b_focus,
.ccal:hover,
.dictline,
#b_context .b_ans .btm_sml,
.b_rrsr,
.b_rrsr h2,
#b_context .b_rrsr > .b_vList > li {
border-color: var(--line);
}
.pagereco_titleLink .slide .b_title,
.pagereco_titleLink .slide .b_title strong {
color: var(--blue);
}
#b_results .b_rc_gb_template.b_rc_gb_template_bg_16 {
transition: var(--animate);
background-image: linear-gradient(0deg, var(--bg2) 45.17%, rgb(72, 22, 45) 95.21%);
}
#b_results > li.b_algo:hover.b_rc_gb_template.b_rc_gb_template_bg_16 {
background-image: linear-gradient(0deg, var(--bg3) 45.17%, rgb(72, 22, 45) 95.21%);
}
/* 必应词典 */
.dict_oa {
padding: 0;
margin: 0;
box-shadow: none;
}
/* 页面指示 */
#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;
}
/* 小提示 */
#fbtop:not(.fbstatic) {
position: static;
transition: var(--animate);
opacity: 0;
}
#fbtop:not(.fbstatic):hover {
opacity: 1;
}
/* 侧栏 */
#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,
.b_lgpd_site {
background-color: var(--bg2);
}
.b_footer,
.b_footer a,
.b_footer a:visited,
.b_lgpd_name {
color: var(--fg2);
}
#bq_floatingbar {
background-color: var(--bg2);
}
#bq_floatingbar li + li {
border-color: var(--fg2)
}
}