☰

Pure 必应&Material You

将必应优化为 Material You 样式

目前为 2022-03-26 提交的版本。查看 最新版本。

  1. /* ==UserStyle==
  2. @name           Pure 必应&Material You
  3. @namespace      github.com/openstyles/stylus
  4. @version        1.1.0
  5. @description    将必应优化为 Material You 样式
  6. @author         CWorld
  7. @license		MIT
  8. @var			color bg1 "页面背景色" #F6FCFF
  9. @var			color bg2 "卡片背景色" #D8EDF6
  10. @var			color bg3 "卡片深景色" #CFE5EF
  11. @var			color fg1 "字体主色调" #336884
  12. @var			color fg2 "字体次色调" #88A5B4
  13. @var			color line "轮廓划线色" #B7CBD3
  14. @var			color green "绿色" #269FBB
  15. @var			color red "红色" #E65151
  16. @var			color blue "蓝色" #537ECE
  17. @var			color purple "紫色" #A542DC
  18. @var			range animate "动画时长" [0.3, 0, 1, 0.1, 's']
  19. ==/UserStyle== */
  20. @-moz-document url("http://cn.bing.com/"),
  21. url-prefix("http://cn.bing.com/?"),
  22. url("https://cn.bing.com/"),
  23. url-prefix("https://cn.bing.com/?"),
  24. url("http://www.bing.com/"),
  25. url-prefix("http://www.bing.com/?"),
  26. url("https://www.bing.com/"),
  27. url-prefix("https://www.bing.com/?") {
  28.  
  29. 	#est_switch .est_common:not(.est_selected),
  30. 	#sw_as .sa_as .sa_drw,
  31. 	#sw_as .sa_as li.pp_tile,
  32. 	#sw_as .sa_as .sa_tm strong,
  33. 	#sw_as .sa_as table,
  34. 	.footer .items .item a, .footer .items .item span,
  35. 	.footer .msft {
  36. 		color: var(--fg2);
  37. 	}
  38. 	#est_switch .est_selected,
  39. 	#est_switch .est_common:hover,
  40. 	.sbox .sb_form .sb_form_q,
  41. 	#sw_as .sa_as .sa_sg .sa_tm,
  42. 	#sw_as .sa_as .b_tHeader,
  43. 	#sw_as .sa_as .b_demoteText,
  44. 	#sw_as .sa_as .b_secondaryText,
  45. 	#sw_as .sa_as .b_attribution,
  46. 	#sw_as .sa_as .b_factrow,
  47. 	#sw_as .sa_as #sa_ul .b_focusLabel,
  48. 	#sw_as .sa_as .b_footnote,
  49. 	#sw_as .sa_as .b_ad .b_adlabel,
  50. 	#sw_as .sa_as .b_expando .b_subModule,
  51. 	#sw_as .sa_as .b_expando .b_suppModule,
  52. 	#sw_as .sa_as .b_algo .b_vList td,
  53. 	#sw_as .sa_as .b_expando .b_secondaryText,
  54. 	#sw_as .sa_as .b_expando .b_attribution,
  55. 	#sw_as .sa_as .b_expando .b_factrow,
  56. 	#sw_as .sa_as .b_expando .b_footnote,
  57. 	#sw_as .sa_as .ctxtb,
  58. 	#sw_as .as_msbblocksug,
  59. 	#sw_as .as_msbblockheader,
  60. 	#sw_as .sa_msbribboncontainer,
  61. 	#sw_as .sa_as .sa_rmvd {
  62. 		color: var(--fg1);
  63. 	}
  64. 	#est_switch .est_common::after,
  65. 	.footer.no_mod {
  66. 		background-color: var(--bg1);
  67. 	}
  68. 	#est_switch .est_selected::after,
  69. 	#est_switch .est_unselected:hover::after,
  70. 	.sbox .sb_form,
  71. 	.sbox .sb_form #sw_as .sa_as #sa_ul.sa_drw,
  72. 	.sbox .sb_form #sw_as .sa_as #sa_ul.sa_drw:not(:empty):before,
  73. 	#sw_as .sa_hv,
  74. 	#sw_as .as_rmhswarning {
  75. 		background-color: var(--bg2);
  76. 	}
  77. 	#sw_as .as_rmhswarning,
  78. 	.sbox .sb_form #sw_as .sa_as #sa_ul.sa_drw:not(:empty) {
  79. 		border-color: var(--line);
  80. 	}
  81. 	#sw_as .as_rmhswarning > span > a {
  82. 		color: var(--blue) !important;
  83. 	}
  84. 	#sw_as .sa_as .sa_drw .sa_sg .sa_tmHS,
  85. 	#sw_as .sa_as .sa_drw .sa_sg div.sa_tmHS strong {
  86. 		color: var(--purple);
  87. 	}
  88.  
  89.  
  90. 	/* 修复 */
  91. 	#est_switch .est_unselected {
  92. 		text-shadow: none;
  93. 	}
  94. 	#est_switch .est_common:not(.est_selected),
  95. 	#est_switch .est_common:not(.est_selected)::after {
  96. 		transition: var(--animate);
  97. 		opacity: 0.9
  98. 	}
  99. }
  100. @-moz-document url-prefix("http://cn.bing.com/search"),
  101. url-prefix("https://cn.bing.com/search"),
  102. url-prefix("http://www.bing.com/search"),
  103. url-prefix("https://www.bing.com/search") {
  104.  
  105. 	/* 深色配色供参考 */
  106. 	/* 	:root {
  107. 		--bg1: #F6FCFF;
  108. 		--bg2: #D8EDF6;
  109. 		--bg3: #CFE5EF;
  110. 		--fg1: #336884;
  111. 		--fg2: #88A5B4;
  112. 		--line: #B7CBD3;
  113. 		--green: #269FBB;
  114. 		--red: #E65151;
  115. 		--blue: #537ECE;
  116. 		--purple: #A542DC;
  117. 		--animate: 0.3s;
  118. 	} */
  119. 	/* 浅色配色供参考 */
  120. 	/* 	:root {
  121. 		--bg1: #364354;
  122. 		--bg2: #445469;
  123. 		--bg3: #4e5f77;
  124. 		--fg1: #f9f9f9;
  125. 		--fg2: #bfbfbf;
  126. 		--line: #929292;
  127. 		--green: #269fbb;
  128. 		--red: #dd6e6e;
  129. 		--blue: #8eafeb;
  130. 		--purple: #ce92f0;
  131. 		--animate: .3s;
  132. 	} */
  133. 	
  134. 	/* 广告 */
  135. 	.dict_oa .ap_icon {
  136. 		display: none;
  137. 	}
  138.  
  139. 	/* 修复 Darkreader Bug */
  140. 	.b_header_bg {
  141. 		z-index: -1 !important;
  142. 	}
  143. 	.na_cnt .nws_itm,
  144. 	.nws_itmb,
  145. 	#b_content #b_results > li:not(#mfa_root),
  146. 	body #b_header {
  147. 		border: none;
  148. 	}
  149. 	#b_results > li.b_pag,
  150. 	#b_results > li.b_msg,
  151. 	#b_content #b_results li h2,
  152. 	#b_content #b_results li:hover {
  153. 		background-color: transparent !important;
  154. 	}
  155.  
  156. 	/* 全局赋色 */
  157. 	html,
  158. 	body,
  159. 	input,
  160. 	textarea,
  161. 	select,
  162. 	button {
  163. 		background-color: var(--bg1);
  164. 	}
  165. 	body,
  166. 	.b_promoteText,
  167. 	#b_tween a.ftrH,
  168. 	#b_tween a.ftrH:hover,
  169. 	.b_expando,
  170. 	.b_expando h2,
  171. 	.b_active a,
  172. 	.b_active a:visited,
  173. 	.b_active a:hover,
  174. 	#b_results > .b_pag a,
  175. 	#b_results .b_no,
  176. 	#b_content a.cbl:visited,
  177. 	#b_content a.cbl {
  178. 		color: var(--fg2);
  179. 	}
  180. 	a.cbtn,
  181. 	.cbtn a,
  182. 	.cbtn input {
  183. 		border-color: var(--line)
  184. 	}
  185. 	a,
  186. 	#b_tween a:visited,
  187. 	#b_results .b_no a {
  188. 		color: var(--blue);
  189. 	}
  190. 	a:visited {
  191. 		color: var(--purple);
  192. 	}
  193.  
  194.  
  195. 	/* 搜索框 */
  196. 	#est_cn,
  197. 	#est_en,
  198. 	#est_switch .est_unselected {
  199. 		color: var(--fg2);
  200. 	}
  201. 	#est_switch .est_unselected::after {
  202. 		background-color: var(--bg1);
  203. 		border-color: var(--line);
  204. 	}
  205. 	#est_switch .est_selected::after {
  206. 		background-color: var(--bg2);
  207. 		border-color: var(--line);
  208. 	}
  209.  
  210. 	.b_searchbox {
  211. 		color: var(--fg1);
  212. 	}
  213. 	.b_searchboxForm,
  214. 	.sa_as .sa_drw {
  215. 		background-color: var(--bg2);
  216. 	}
  217.  
  218. 	.b_scopebar .b_active a,
  219. 	.b_scopebar a:hover,
  220. 	.id_button:hover {
  221. 		color: var(--fg1);
  222. 		transition: var(--animate);
  223. 	}
  224. 	.b_scopebar,
  225. 	.b_scopebar a,
  226. 	.b_scopebar a:visited,
  227. 	.id_button,
  228. 	.id_button:visited,
  229. 	#sw_as .sa_as .sa_drw,
  230. 	#sw_as .sa_as li.pp_tile,
  231. 	#sw_as .sa_as .sa_tm strong,
  232. 	#sw_as .sa_as table,
  233. 	#sw_as .sa_as .sa_sg .sa_tm,
  234. 	#sw_as .sa_as .b_tHeader,
  235. 	#sw_as .sa_as .b_demoteText,
  236. 	#sw_as .sa_as .b_secondaryText,
  237. 	#sw_as .sa_as .b_attribution,
  238. 	#sw_as .sa_as .b_factrow,
  239. 	#sw_as .sa_as #sa_ul .b_focusLabel,
  240. 	#sw_as .sa_as .b_footnote,
  241. 	#sw_as .sa_as .b_ad .b_adlabel,
  242. 	#sw_as .sa_as .b_expando .b_subModule,
  243. 	#sw_as .sa_as .b_expando .b_suppModule,
  244. 	#sw_as .sa_as .b_algo .b_vList td,
  245. 	#sw_as .sa_as .b_expando .b_secondaryText,
  246. 	#sw_as .sa_as .b_expando .b_attribution,
  247. 	#sw_as .sa_as .b_expando .b_factrow,
  248. 	#sw_as .sa_as .b_expando .b_footnote,
  249. 	#sw_as .sa_as .ctxtb,
  250. 	#sw_as .as_msbblocksug,
  251. 	#sw_as .as_msbblockheader,
  252. 	#sw_as .sa_msbribboncontainer,
  253. 	#sw_as .sa_as .sa_rmvd {
  254. 		color: var(--fg2);
  255. 	}
  256. 	#b_header {
  257. 		border-bottom: 1px solid var(--line) !important;
  258. 	}
  259.  
  260. 	#mfa_root .mfa_btn,
  261. 	#sw_as .sa_drw,
  262. 	#sw_as li.pp_tile.sa_hv,
  263. 	#sw_as .sa_hv,
  264. 	#sw_as .as_rmhswarning,
  265. 	#sw_as > .sa_fd {
  266. 		background-color: var(--bg2);
  267. 	}
  268. 	#sw_as > .sa_fd {
  269. 		color: var(--fg2);
  270. 	}
  271. 	#sw_as .sa_fd:hover,
  272. 	#b_header .mic_cont.partner .b_icon:hover::after,
  273. 	[vptest]::after,
  274. 	*[data-sbtip]:not(.disableTooltip):hover::after,
  275. 	*[data-sbtip].shtip:not(.disableTooltip)::after,
  276. 	*[data-sbtipx]:hover::after,
  277. 	.b_speech_overlay .b_speech_cont .b_rec_text.b_placeholder {
  278. 		color: var(--fg1);
  279. 	}
  280. 	#b_header .mic_cont.partner .b_icon:hover::before,
  281. 	#b_header .mic_cont.partner .b_icon:hover::after,
  282. 	[vptest]::before,
  283. 	*[data-sbtip]:not(.disableTooltip):hover::before,
  284. 	*[data-sbtip].shtip:not(.disableTooltip)::before,
  285. 	[vptest]::after,
  286. 	*[data-sbtip]:not(.disableTooltip):hover::after,
  287. 	*[data-sbtip].shtip:not(.disableTooltip)::after,
  288. 	*[data-sbtipx]:hover::before,
  289. 	*[data-sbtipx]:hover::after,
  290. 	.b_speech_overlay .b_speech_cont {
  291. 		background-color: var(--bg3);
  292. 	}
  293. 	#sw_as .as_rmhswarning {
  294. 		border-color: var(--line);
  295. 	}
  296. 	#sw_as .sa_as .sa_drw .sa_sg .sa_tmHS,
  297. 	#sw_as .sa_as .sa_drw .sa_sg div.sa_tmHS strong {
  298. 		color: var(--purple);
  299. 	}
  300. 	#sw_as .as_rmhswarning > span > a {
  301. 		color: var(--blue) !important;
  302. 	}
  303. 	
  304. /* 右上菜单 */
  305. 	#id_hbfo {
  306.     background-color: var(--bg2);
  307. }
  308. 	.hbic_col, .hb_title_col, .hb_value_col {
  309. 		color: var(--fg2)
  310. 	}
  311. 	.hb_section:active, .hb_section:hover, .hb_section:visited,
  312. 	.serp_thm:hover>.hb_section, .serp_thm:visited>.hb_section{
  313. 		background-color: var(--bg3);
  314. 	}
  315. 	#bepfo, #id_d {
  316.     color: var(--fg1);
  317.     background-color: var(--bg2);
  318. }
  319. 	.id_name{
  320.     color: var(--fg2);
  321. 	}
  322. 	#id_d a:hover {
  323.     background-color: var(--bg3);
  324. }
  325. 	.b_idOpen a#id_l, a#id_rh.openfo {
  326.     color: var(--fg2);
  327. 	}
  328.  
  329. 	/* 搜索结果 */
  330. 	#b_content > main > #b_results > li.b_algo,
  331. 	#b_content > main > #b_results > li.b_ans {
  332. 		padding: 15px 18px 5px 35px;
  333. 		background-color: var(--bg2) !important;
  334. 		margin-bottom: 12px;
  335. 		border-radius: 10px !important;
  336. 		transition: var(--animate);
  337. 	}
  338. 	#b_content > main > #b_results > li.b_algo:hover,
  339. 	#b_content > main > #b_results > li.b_ans:hover {
  340. 		background-color: var(--bg3) !important;
  341. 	}
  342. 	#b_results,
  343. 	#b_results .b_defaultText,
  344. 	#b_results > .b_pag a:hover,
  345. 	#b_tween .b_toggle:hover,
  346. 	#b_tween .b_highlighted {
  347. 		color: var(--fg1);
  348. 	}
  349. 	.recommendationsTableTitle h2,
  350. 	.fbans > div > a,
  351. 	.fbans > div > a:visited,
  352. 	#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{
  353. 		color: var(--fg2) !important;
  354. 	}
  355. 	cite,
  356. 	#b_results cite.sb_crmb a,
  357. 	#b_results cite a.sb_metalink,
  358. 	#b_results .b_adurl cite a,
  359. 	#bk_wr_container cite a {
  360. 		color: var(--green);
  361. 	}
  362. 	#sp_requery strong,
  363. 	#sp_recourse strong,
  364. 	#tile_link_cn strong,
  365. 	.b_ad .ad_esltitle ~ div strong,
  366. 	h2 strong,
  367. 	.b_caption p strong,
  368. 	.b_snippetBigText strong,
  369. 	.recommendationsTableTitle + .b_slideexp strong,
  370. 	.recommendationsTableTitle + table strong,
  371. 	.recommendationsTableTitle + ul strong,
  372. 	.pageRecoContainer .b_module_expansion_control strong,
  373. 	.b_rs strong,
  374. 	.b_rrsr strong,
  375. 	#dict_ans strong,
  376. 	.b_listnav > .b_ans_stamp > strong,
  377. 	#b_content #ans_nws .na_cnt strong,
  378. 	.adltwrnmsg strong {
  379. 		color: var(--red);
  380. 	}
  381. 	#b_results > li a {
  382. 		color: var(--blue);
  383. 	}
  384. 	#b_results > li a:visited {
  385. 		color: var(--purple);
  386. 	}
  387.  
  388. 	/* 特殊卡片优化 */
  389. 	/* 推荐小卡片 */
  390. 	.b_slidebar .slide,
  391. 	.na_cl .na_citem,
  392. 	.nws_itm,
  393. 	.tab-menu.tab-flex > ul > li,
  394. 	a.cbtn,
  395. 	.cbtn a,
  396. 	.cbtn input,
  397. 	#b_content a.cbtn,
  398. 	#b_content a.cbtn:visited,
  399. 	#b_content .cbtn a,
  400. 	#b_content .cbtn a:visited {
  401. 		background-color: var(--bg1) !important;
  402. 	}
  403. 	body #b_pole,
  404. 	#b_tween .ftrB a.ftrH.b_selected,
  405. 	#b_tween .ftrB a.ftrH:hover,
  406. 	#b_tween .ftrB a.ftrH:focus,
  407. 	#b_tween .b_dropdown .b_selected {
  408. 		background-color: var(--bg2) !important;
  409. 	}
  410. 	#b_tween .ftrB .b_dropdown {
  411. 		background-color: var(--bg3);
  412. 	}
  413. 	.pageRecoContainer .slide .b_text,
  414. 	.b_algospacing .b_algospacing_title_link,
  415. 	#b_results .b_algo .b_vlist2col.b_deep,
  416. 	.b_algospacing .b_algospacing_link,
  417. 	.ans_nws .na_cnt .b_secondaryText,
  418. 	#ans_nws .na_cnt .itm_tlt_snp .itm_spt,
  419. 	.na_cnt .itm_tlt_snp .itm_spt,
  420. 	#ans_nws .na_cnt .citm_spt,
  421. 	.b_top,
  422. 	.b_top .b_promoteText,
  423. 	.tab-menu.tab-flex > ul > li,
  424. 	.b_algo .b_factrow,
  425. 	#b_tween .b_dropdown .b_toggle,
  426. 	.ftrD .b_vPanel > div,
  427. 	.b_tHeader,
  428. 	.b_demoteText,
  429. 	.b_secondaryText,
  430. 	.b_attribution,
  431. 	.b_factrow,
  432. 	.b_focusLabel,
  433. 	.b_footnote,
  434. 	.b_ad .b_adlabel,
  435. 	#b_tween .b_dropdown a,
  436. 	.b_expando .b_subModule,
  437. 	.b_expando .b_suppModule,
  438. 	.b_algo .b_vList td,
  439. 	#b_content .b_lowFocusLink a,
  440. 	#b_context .b_secondaryText,
  441. 	#b_context .b_attribution,
  442. 	#b_context .b_factrow,
  443. 	#b_context .b_footnote,
  444. 	#b_context .b_ad .b_adlabel,
  445. 	.b_expando .b_secondaryText,
  446. 	.b_expando .b_attribution,
  447. 	.b_expando .b_factrow,
  448. 	.b_expando .b_footnote,
  449. 	.ftrD .b_vPanel input.ctxt,
  450. 	.b_algospacing .b_algospacing_title_link,
  451. 	.dc_prn,
  452. 	.dc_grs, .dc_gr{
  453. 		color: var(--fg2) !important;
  454. 	}
  455. 	.na_cnt .na_t,
  456. 	.header,
  457. 	.tab-menu.tab-flex > ul > li.tab-active,
  458. 	#b_content #b_pole #ans_nws .tfil_title,
  459. 	.qna_elc .rwrl,
  460. 	.df_c .rwrl,
  461. 	#b_results .df_c .b_entityTitle,
  462. 	#b_tween .ftrB a.ftrH.b_selected,
  463. 	#b_tween .ftrB a.ftrH:hover,
  464. 	#b_tween .ftrB a.ftrH:focus,
  465. 	.dc_mn,
  466. 	.dc_st{
  467. 		color: var(--fg1) !important;
  468. 	}
  469. 	.b_algospacing .b_algospacing_block,
  470. 	#cTechTabThCtr li .cico,
  471. 	.rc_herotabheader .tab-head,
  472. 	body #b_pole,
  473. 	#b_tween .ftrB .b_dropdown,
  474. 	.ftrD > div.b_vPanel,
  475. 	.ccal,
  476. 	.ccal.b_focus,
  477. 	.ccal:hover,
  478. 	.dictline,
  479. 	#b_context .b_ans .btm_sml{
  480. 		border-color: var(--line);
  481. 	}
  482. 	.pagereco_titleLink .slide .b_title,
  483. 	.pagereco_titleLink .slide .b_title strong {
  484. 		color: var(--blue);
  485. 	}
  486. 	/* 必应词典 */
  487. 	.dict_oa {
  488. 		padding: 0;
  489. 		margin: 0;
  490. 		box-shadow: none;
  491. 	}
  492. 	/* 页面指示 */
  493. 	#b_results > .b_pag .sb_pagS_bp {
  494. 		color: var(--fg1);
  495. 		background-color: var(--bg2);
  496. 	}
  497. 	#b_results > .b_pag a {
  498. 		transition: var(--animate);
  499. 	}
  500. 	#b_results > .b_pag .sb_pagS_bp:hover,
  501. 	#b_results > .b_pag a:hover {
  502. 		background-color: var(--bg2) !important;
  503. 	}
  504. 	.sb_pagN_bp:hover:after,
  505. 	.sb_pagN_bp:active:after,
  506. 	.sb_pagN_bp:focus:after {
  507. 		-webkit-transform-origin: -1394px 0;
  508. 		transform-origin: -1394px 0;
  509. 	}
  510. 	/* 小提示 */
  511. 	#fbtop:not(.fbstatic) {
  512. 		position: static;
  513. 		transition: var(--animate);
  514. 		opacity: 0;
  515. 	}
  516. 	#fbtop:not(.fbstatic):hover {
  517. 		opacity: 1;
  518. 	}
  519.  
  520. 	/* 侧栏 */
  521. 	#b_mtp:not(.crhide),
  522. 	#b_mtp * {
  523. 		color: var(--fg2);
  524. 	}
  525. 	.mtprt {
  526. 		background: var(--bg2);
  527. 	}
  528.  
  529. 	#b_context .b_ans,
  530. 	#b_context #wpc_ag,
  531. 	.vrhc {
  532. 		background-color: var(--bg2);
  533. 	}
  534. 	#b_context .b_ans {
  535. 		padding: 15px 20px 5px 20px;
  536. 		margin-bottom: 12px;
  537. 		border-radius: 10px;
  538. 	}
  539. 	#b_results #serpvidansrr .vsatitle,
  540. 	#b_context #serpvidansrr .vsatitle h3::before,
  541. 	h2::before {
  542. 		display: none;
  543. 	}
  544. 	#b_context cite,
  545. 	#b_context cite a,
  546. 	.mc_vtvc_meta_channel,
  547. 	span.vrhch {
  548. 		color: var(--green);
  549. 	}
  550. 	.mc_vtvc {
  551. 		background-color: var(--bg1);
  552. 		box-shadow: 0 0 0 1px rgb(0 0 0 / 5%), 0 2px 3px 0 rgb(0 0 0 / 10%);
  553. 	}
  554. 	.mc_vtvc_title,
  555. 	.vrhc,
  556. 	#b_context,
  557. 	#b_context #wpc_eif {
  558. 		color: var(--fg1);
  559. 	}
  560. 	.mc_vtvc_meta_pubdate,
  561. 	.vrhde {
  562. 		color: var(--fg2);
  563. 	}
  564. 	.vrhdvd {
  565. 		border-color: var(--line);
  566. 	}
  567.  
  568.  
  569. 	/* 页脚 */
  570. 	.b_footer {
  571. 		background-color: var(--bg2);
  572. 	}
  573. 	.b_footer,
  574. 	.b_footer a,
  575. 	.b_footer a:visited {
  576. 		color: var(--fg2);
  577. 	}
  578. 	#bq_floatingbar {
  579.     background-color: var(--bg2);
  580. }
  581. 	#bq_floatingbar li+li {
  582. 		border-color: var(--fg2)
  583. 	}
  584. }

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址