☰

Pure 必应&Material You

将必应优化为 Material You 样式

目前为 2022-02-22 提交的版本。查看 最新版本。

  1. /* ==UserStyle==
  2. @name           Pure 必应&Material You
  3. @namespace      github.com/openstyles/stylus
  4. @version        1.0.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-prefix("http://cn.bing.com/search"),
  21. url-prefix("https://cn.bing.com/search"),
  22. url-prefix("http://bing.com/search"),
  23. url-prefix("https://bing.com/search") {
  24.  
  25. 	/* 深色配色供参考 */
  26. /* 	:root {
  27. 		--bg1: #F6FCFF;
  28. 		--bg2: #D8EDF6;
  29. 		--bg3: #CFE5EF;
  30. 		--fg1: #336884;
  31. 		--fg2: #88A5B4;
  32. 		--line: #B7CBD3;
  33. 		--green: #269FBB;
  34. 		--red: #E65151;
  35. 		--blue: #537ECE;
  36. 		--purple: #A542DC;
  37. 		--animate: 0.3s;
  38. 	} */
  39. 	
  40. 	/* 	 */
  41. 	/* 	:root {
  42. 		--bg1: #1D2325;
  43. 		--bg2: #323739;
  44. 		--bg3: #3B4042;
  45. 		--fg1: #F9F9F9;
  46. 		--fg2: #BFBFBF;
  47. 		--line: #4F4F4F;
  48. 		--green: #269FBB;
  49. 		--red: #FF7171;
  50. 		--blue: #81A5E8;
  51. 		--purple: #D282FF;
  52. 		--animate: .3s;
  53. 	} */
  54.  
  55. 	/* 广告 */
  56. 	.dict_oa .ap_icon {
  57. 		display: none;
  58. 	}
  59.  
  60. 	/* 修复 Darkreader Bug */
  61. 	.b_header_bg {
  62. 		z-index: -1 !important;
  63. 	}
  64. 	.na_cnt .nws_itm,
  65. 	.nws_itmb,
  66. 	#b_content #b_results > li:not(#mfa_root),
  67. 	body #b_header {
  68. 		border: none;
  69. 	}
  70. 	#b_results > li.b_pag,
  71. 	#b_content #b_results li h2,
  72. 	#b_content #b_results li:hover {
  73. 		background-color: transparent !important;
  74. 	}
  75.  
  76. 	/* 全局赋色 */
  77. 	html,
  78. 	body,
  79. 	input,
  80. 	textarea,
  81. 	select,
  82. 	button {
  83. 		background-color: var(--bg1);
  84. 	}
  85. 	body,
  86. 	.b_promoteText,
  87. 	#b_tween a.ftrH,
  88. 	#b_tween a.ftrH:hover,
  89. 	.b_expando,
  90. 	.b_expando h2,
  91. 	.b_active a,
  92. 	.b_active a:visited,
  93. 	.b_active a:hover,
  94. 	#b_results > .b_pag a,
  95. 	#b_results .b_no,
  96. 	#b_content a.cbl:visited,
  97. 	#b_content a.cbl {
  98. 		color: var(--fg2);
  99. 	}
  100. 	a,
  101. 	#b_tween a:visited,
  102. 	#b_results .b_no a {
  103. 		color: var(--blue);
  104. 	}
  105. 	a:visited {
  106. 		color: var(--purple);
  107. 	}
  108.  
  109.  
  110. 	/* 搜索框 */
  111. 	#est_cn,
  112. 	#est_en,
  113. 	#est_switch .est_unselected {
  114. 		color: var(--fg2);
  115. 	}
  116. 	#est_switch .est_unselected::after {
  117. 		background-color: var(--bg1);
  118. 		border-color: var(--line);
  119. 	}
  120. 	#est_switch .est_selected::after {
  121. 		background-color: var(--bg2);
  122. 		border-color: var(--line);
  123. 	}
  124.  
  125. 	.b_searchbox {
  126. 		color: var(--fg1);
  127. 	}
  128. 	.b_searchboxForm,
  129. 	.sa_as .sa_drw {
  130. 		background-color: var(--bg2);
  131. 	}
  132.  
  133. 	.b_scopebar .b_active a,
  134. 	.b_scopebar a:hover,
  135. 	.id_button:hover {
  136. 		color: var(--fg1);
  137. 		transition: var(--animate);
  138. 	}
  139. 	.b_scopebar,
  140. 	.b_scopebar a,
  141. 	.b_scopebar a:visited,
  142. 	.id_button,
  143. 	.id_button:visited,
  144. 	#sw_as .sa_as .sa_drw,
  145. 	#sw_as .sa_as li.pp_tile,
  146. 	#sw_as .sa_as .sa_tm strong,
  147. 	#sw_as .sa_as table,
  148. 	#sw_as .sa_as .sa_sg .sa_tm,
  149. 	#sw_as .sa_as .b_tHeader,
  150. 	#sw_as .sa_as .b_demoteText,
  151. 	#sw_as .sa_as .b_secondaryText,
  152. 	#sw_as .sa_as .b_attribution,
  153. 	#sw_as .sa_as .b_factrow,
  154. 	#sw_as .sa_as #sa_ul .b_focusLabel,
  155. 	#sw_as .sa_as .b_footnote,
  156. 	#sw_as .sa_as .b_ad .b_adlabel,
  157. 	#sw_as .sa_as .b_expando .b_subModule,
  158. 	#sw_as .sa_as .b_expando .b_suppModule,
  159. 	#sw_as .sa_as .b_algo .b_vList td,
  160. 	#sw_as .sa_as .b_expando .b_secondaryText,
  161. 	#sw_as .sa_as .b_expando .b_attribution,
  162. 	#sw_as .sa_as .b_expando .b_factrow,
  163. 	#sw_as .sa_as .b_expando .b_footnote,
  164. 	#sw_as .sa_as .ctxtb,
  165. 	#sw_as .as_msbblocksug,
  166. 	#sw_as .as_msbblockheader,
  167. 	#sw_as .sa_msbribboncontainer,
  168. 	#sw_as .sa_as .sa_rmvd {
  169. 		color: var(--fg2);
  170. 	}
  171. 	#b_header {
  172. 		border-bottom: 1px solid var(--line) !important;
  173. 	}
  174.  
  175. 	#mfa_root .mfa_btn,
  176. 	#sw_as .sa_drw,
  177. 	#sw_as li.pp_tile.sa_hv,
  178. 	#sw_as .sa_hv {
  179. 		background-color: var(--bg2);
  180. 	}
  181. 	#sw_as > .sa_fd {
  182. 		background-color: var(--bg2);
  183. 		color: var(--fg2);
  184. 	}
  185. 	#sw_as .sa_fd:hover,
  186. 	#b_header .mic_cont.partner .b_icon:hover::after,
  187. 	[vptest]::after,
  188. 	*[data-sbtip]:not(.disableTooltip):hover::after,
  189. 	*[data-sbtip].shtip:not(.disableTooltip)::after,
  190. 	*[data-sbtipx]:hover::after {
  191. 		color: var(--fg1);
  192. 	}
  193. 	#b_header .mic_cont.partner .b_icon:hover::before,
  194. 	#b_header .mic_cont.partner .b_icon:hover::after,
  195. 	[vptest]::before,
  196. 	*[data-sbtip]:not(.disableTooltip):hover::before,
  197. 	*[data-sbtip].shtip:not(.disableTooltip)::before,
  198. 	[vptest]::after,
  199. 	*[data-sbtip]:not(.disableTooltip):hover::after,
  200. 	*[data-sbtip].shtip:not(.disableTooltip)::after,
  201. 	*[data-sbtipx]:hover::before,
  202. 	*[data-sbtipx]:hover::after {
  203. 		background-color: var(--bg3);
  204. 	}
  205.  
  206. 	/* 搜索结果 */
  207. 	#b_results > li.b_algo,
  208. 	#b_results > li.b_ans {
  209. 		padding: 15px 18px 5px 35px;
  210. 		background-color: var(--bg2);
  211. 		margin-bottom: 12px;
  212. 		border-radius: 10px !important;
  213. 		transition: var(--animate);
  214. 	}
  215. 	#b_content > main > #b_results > li.b_algo:hover,
  216. 	#b_content > main > #b_results > li.b_ans:hover {
  217. 		background-color: var(--bg3) !important;
  218. 	}
  219. 	#b_results,
  220. 	#b_results .b_defaultText,
  221. 	#b_results > .b_pag a:hover,
  222. 	#b_tween .b_toggle:hover,
  223. 	#b_tween .b_highlighted {
  224. 		color: var(--fg1);
  225. 	}
  226. 	.recommendationsTableTitle h2,
  227. 	.fbans > div > a,
  228. 	.fbans > div > a:visited {
  229. 		color: var(--fg2) !important;
  230. 	}
  231. 	cite,
  232. 	#b_results cite.sb_crmb a,
  233. 	#b_results cite a.sb_metalink,
  234. 	#b_results .b_adurl cite a,
  235. 	#bk_wr_container cite a {
  236. 		color: var(--green);
  237. 	}
  238. 	#sp_requery strong,
  239. 	#sp_recourse strong,
  240. 	#tile_link_cn strong,
  241. 	.b_ad .ad_esltitle ~ div strong,
  242. 	h2 strong,
  243. 	.b_caption p strong,
  244. 	.b_snippetBigText strong,
  245. 	.recommendationsTableTitle + .b_slideexp strong,
  246. 	.recommendationsTableTitle + table strong,
  247. 	.recommendationsTableTitle + ul strong,
  248. 	.pageRecoContainer .b_module_expansion_control strong,
  249. 	.b_rs strong,
  250. 	.b_rrsr strong,
  251. 	#dict_ans strong,
  252. 	.b_listnav > .b_ans_stamp > strong,
  253. 	#b_content #ans_nws .na_cnt strong,
  254. 	.adltwrnmsg strong {
  255. 		color: var(--red);
  256. 	}
  257. 	#b_results > li a {
  258. 		color: var(--blue);
  259. 	}
  260. 	#b_results > li a:visited {
  261. 		color: var(--purple);
  262. 	}
  263.  
  264. 	/* 特殊卡片优化 */
  265. 	/* 推荐小卡片 */
  266. 	.b_slidebar .slide,
  267. 	.na_cl .na_citem,
  268. 	.nws_itm,
  269. 	.tab-menu.tab-flex > ul > li {
  270. 		background-color: var(--bg1) !important;
  271. 	}
  272. 	body #b_pole {
  273. 		background-color: var(--bg2);
  274. 	}
  275. 	.pagereco_titleLink .slide .b_title,
  276. 	.pagereco_titleLink .slide .b_title strong {
  277. 		color: var(--blue);
  278. 	}
  279. 	.pageRecoContainer .slide .b_text,
  280. 	.b_algospacing .b_algospacing_title_link,
  281. 	#b_results .b_algo .b_vlist2col.b_deep,
  282. 	.b_algospacing .b_algospacing_link,
  283. 	.ans_nws .na_cnt .b_secondaryText,
  284. 	#ans_nws .na_cnt .itm_tlt_snp .itm_spt,
  285. 	.na_cnt .itm_tlt_snp .itm_spt,
  286. 	#ans_nws .na_cnt .citm_spt,
  287. 	.b_top,
  288. 	.b_top .b_promoteText,
  289. 	.tab-menu.tab-flex > ul > li,
  290. 	.b_algo .b_factrow {
  291. 		color: var(--fg2) !important;
  292. 	}
  293. 	.na_cnt .na_t,
  294. 	.header,
  295. 	.tab-menu.tab-flex > ul > li.tab-active,
  296. 	#b_content #b_pole #ans_nws .tfil_title,
  297. 	.qna_elc .rwrl,
  298. 	.df_c .rwrl,
  299. 	#b_results .df_c .b_entityTitle {
  300. 		color: var(--fg1) !important;
  301. 	}
  302. 	.b_algospacing .b_algospacing_block,
  303. 	#cTechTabThCtr li .cico,
  304. 	.rc_herotabheader .tab-head,
  305. 	body #b_pole {
  306. 		border-color: var(--line);
  307. 	}
  308. 	/* 必应词典 */
  309. 	.dict_oa {
  310. 		padding: 0;
  311. 		margin: 0;
  312. 		box-shadow: none;
  313. 	}
  314. 	/* 页面指示 */
  315. 	#b_results > li.b_msg {
  316. 		background-color: transparent;
  317. 	}
  318. 	#b_results > .b_pag .sb_pagS_bp {
  319. 		color: var(--fg1);
  320. 		background-color: var(--bg2);
  321. 	}
  322. 	#b_results > .b_pag a {
  323. 		transition: var(--animate);
  324. 	}
  325. 	#b_results > .b_pag .sb_pagS_bp:hover,
  326. 	#b_results > .b_pag a:hover {
  327. 		background-color: var(--bg2) !important;
  328. 	}
  329. 	.sb_pagN_bp:hover:after,
  330. 	.sb_pagN_bp:active:after,
  331. 	.sb_pagN_bp:focus:after {
  332. 		-webkit-transform-origin: -1394px 0;
  333. 		transform-origin: -1394px 0;
  334. 	}
  335.  
  336. 	/* 侧栏 */
  337. 	#b_mtp:not(.crhide),
  338. 	#b_mtp * {
  339. 		color: var(--fg2);
  340. 	}
  341. 	.mtprt {
  342. 		background: var(--bg2);
  343. 	}
  344.  
  345. 	#b_context .b_ans,
  346. 	#b_context #wpc_ag,
  347. 	.vrhc {
  348. 		background-color: var(--bg2);
  349. 	}
  350. 	#b_context .b_ans {
  351. 		padding: 15px 20px 5px 20px;
  352. 		margin-bottom: 12px;
  353. 		border-radius: 10px;
  354. 	}
  355. 	#b_results #serpvidansrr .vsatitle,
  356. 	#b_context #serpvidansrr .vsatitle h3::before,
  357. 	h2::before {
  358. 		display: none;
  359. 	}
  360. 	#b_context cite,
  361. 	#b_context cite a,
  362. 	.mc_vtvc_meta_channel,
  363. 	span.vrhch {
  364. 		color: var(--green);
  365. 	}
  366. 	.mc_vtvc {
  367. 		background-color: var(--bg1);
  368. 		box-shadow: 0 0 0 1px rgb(0 0 0 / 5%), 0 2px 3px 0 rgb(0 0 0 / 10%);
  369. 	}
  370. 	.mc_vtvc_title,
  371. 	.vrhc,
  372. 	#b_context,
  373. 	#b_context #wpc_eif {
  374. 		color: var(--fg1);
  375. 	}
  376. 	.mc_vtvc_meta_pubdate,
  377. 	.vrhde {
  378. 		color: var(--fg2);
  379. 	}
  380. 	.vrhdvd {
  381. 		border-color: var(--line);
  382. 	}
  383.  
  384.  
  385.  
  386. 	/* 页脚 */
  387. 	.b_footer {
  388. 		background-color: var(--bg2);
  389. 	}
  390. 	.b_footer,
  391. 	.b_footer a,
  392. 	.b_footer a:visited {
  393. 		color: var(--fg2);
  394. 	}
  395. }

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

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

加入Q群

QingJ © 2025

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