☰

Mousehunt - Dark UI Theme - Camp

Customizable recolor for the camp page and outer page UI. Default palette is a dark mode. Intended for use with Stylus extension.

目前为 2024-02-20 提交的版本。查看 最新版本。

  1. /* ==UserStyle==
  2. @name           Mousehunt - Dark UI Theme - Camp
  3. @namespace      https://gf.qytechs.cn/users/918578
  4. @version        1.0.2
  5. @description    Customizable recolor for the camp page and outer page UI. Default palette is a dark mode. Intended for use with Stylus extension.
  6. @author         squash
  7. @var color custom-text-normal "Text Normal - Most text" #dcddde
  8. @var color custom-text-muted "Text Muted - Darker than normal text" #a3a6aa
  9. @var color custom-text-link "Links - Most links" hsl(197, 100%, 47.8%)
  10. @var color custom-text-positive "Text Positive - Trap selector stat values" hsl(139, 51.6%, 52.2%)
  11. @var color custom-text-danger "Text Negative - Trap selector stat values" hsl(359, 82%, 73.9%)
  12. @var color custom-text-contrast "Text Contrast - Rarely used where darker text is needed" #4f545c
  13. @var color custom-background-primary "Background Primary - Most backgrounds" #36393f
  14. @var color custom-background-secondary "Background Secondary - Darker background" #2f3136
  15. @var color custom-background-accent "Background Accent - Lighter background" #4f545c
  16. @var color custom-background-floating "Background Floating - Higher contrast darker background" #18191c
  17. @var color custom-background-trap "Background Behind Trap" #2f3136
  18. @var color custom-background-outer "Background for page outside the UI" #18191c
  19. @var color custom-background-outer-secondary "Background for page immediately outside UI" #232429
  20. @var color custom-background-border "Borders" #4f545c
  21.  
  22. ==/UserStyle== */
  23.  
  24. @-moz-document url-prefix("https://www.mousehuntgame.com"),
  25. url-prefix("http://www.mousehuntgame.com") {
  26. 	:root {
  27. 		--text-normal: var(--custom-text-normal, #dcddde);
  28. 		--text-muted: var(--custom-text-muted, #a3a6aa);
  29. 		--text-link: var(--custom-text-link, hsl(197, 100%, 47.8%));
  30. 		--text-positive: var(--custom-text-positive, hsl(139, 51.6%, 52.2%));
  31. 		--text-danger: var(--custom-text-danger, hsl(359, 82%, 73.9%));
  32. 		--background-primary: var(--custom-background-primary, #36393f);
  33. 		/* background color for most elements */
  34. 		--background-secondary: var(--custom-background-secondary, #2f3136);
  35. 		/* should be darker than primary */
  36. 		--background-accent: var(--custom-background-accent, #4f545c);
  37. 		/* should be lighter than primary */
  38. 		--background-floating: var(--custom-background-floating, #18191c);
  39. 		/* should be darker than secondary */
  40. 		--text-contrast: var(--custom-text-contrast, #4f545c);
  41. 		/* used in situations where darker text is needed */
  42. 		--background-trap: var(--custom-background-trap, var(--background-secondary));
  43. 		/* background behind trap art */
  44. 		--background-outer: var(--custom-background-outer, var(--background-floating));
  45.  
  46. 		--background-outer-secondary: var(--custom-background-outer-secondary, #232429);
  47. 		/* page background outside UI */
  48. 		--background-border: var(--custom-background-border, var(--background-accent));
  49. 		/* almost every border */
  50.  
  51. 		--loader-brightness: 0.2;
  52. 		/* used to dim full page instances of the white loader mouse */
  53. 		--hg-default-black: #000;
  54. 		--hg-default-grey: #333;
  55. 		--hg-default-white: #fff;
  56. 		/* for resetting various things back to hg defaults */
  57. 	}
  58.  
  59. 	/*** Events ***/
  60.  
  61. 	body.halloween .pageFrameView-column.left,
  62. 	body.halloween .pageFrameView-column.right {
  63. 		filter: brightness(0.25);
  64. 	}
  65.  
  66. 	body.great_winter_hunt .pageFrameView-column.left,
  67. 	body.great_winter_hunt .pageFrameView-column.right {
  68. 		filter: brightness(0.20);
  69. 	}
  70.  
  71. 	body .pageFrameView-column.left,
  72. 	body .pageFrameView-column.right {
  73. 		filter: brightness(0.20);
  74. 	}
  75.  
  76.  
  77. 	#overlayPopup.greatWinterHuntDialog {
  78. 		-webkit-transform: inherit !important;
  79. 		-moz-transform: inherit !important;
  80. 		-o-transform: inherit !important;
  81. 		transform: inherit !important;
  82. 		position: absolute;
  83. 		left: 0;
  84. 	}
  85.  
  86.  
  87. 	/*** General/Outer HUD ***/
  88.  
  89. 	.pageSidebarView a,
  90. 	.pageFrameView-footer a {
  91. 		color: var(--text-link);
  92. 	}
  93.  
  94. 	body.hasSidebar {
  95. 		background-color: var(--background-outer);
  96. 	}
  97.  
  98. 	.pageFrameView-column.left,
  99. 	.pageFrameView-column.right {
  100. 		background-image: none;
  101. 		background-color: var(--background-outer);
  102. 		border-color: var(--background-outer-secondary);
  103. 	}
  104.  
  105. 	#mousehuntContainer.PageCamp {
  106. 		box-shadow: inset 0px 0px 0px 1px var(--background-border);
  107. 		/* darkens the 1px line on either side of the camp background image */
  108. 	}
  109.  
  110. 	.pageFrameView-content {
  111. 		background-color: var(--background-outer-secondary);
  112. 	}
  113.  
  114. 	.PageDataBridgeError .pageFrameView-content {
  115. 		background-color: var(--hg-default-white);
  116. 	}
  117.  
  118. 	.pageFrameView-contentContainer {
  119. 		background-color: var(--background-outer-secondary);
  120. 	}
  121.  
  122. 	.mousehuntHeaderView {
  123. 		background-color: var(--background-outer-secondary);
  124. 	}
  125.  
  126. 	#mousehuntContainer:not(.PageCamp) {
  127. 		background-color: var(--hg-default-white);
  128. 	}
  129.  
  130. 	.mousehuntHeaderView-gameTabs,
  131. 	.mousehuntHeaderView .menuItem {
  132. 		background-image: none;
  133. 		color: var(--text-normal);
  134. 		box-shadow: none;
  135. 		border-color: var(--background-border);
  136. 		background-color: var(--background-primary);
  137. 	}
  138.  
  139. 	.mousehuntHud-gameInfo {
  140. 		background-color: var(--background-primary);
  141. 		color: var(--text-normal);
  142. 	}
  143.  
  144. 	.mousehuntHud-gameInfo a {
  145. 		color: var(--text-link);
  146. 	}
  147.  
  148. 	.mousehuntHeaderView-newsTicker .label {
  149. 		color: var(--text-normal);
  150. 	}
  151.  
  152. 	.mousehuntHeaderView-newsTicker a {
  153. 		color: var(--text-link);
  154. 	}
  155.  
  156. 	.mousehuntHeaderView-newsTicker {
  157. 		background-color: var(--background-primary);
  158. 		color: var(--text-normal);
  159. 		border-color: var(--background-border);
  160. 	}
  161.  
  162. 	.pageSidebarView {
  163. 		background-color: var(--background-outer-secondary);
  164. 		color: var(--text-normal);
  165. 	}
  166.  
  167. 	.pageSidebarView .fb-page {
  168. 		background-color: var(--background-outer);
  169. 		color: var(--text-muted);
  170. 		border-color: transparent;
  171. 		height: auto;
  172. 	}
  173.  
  174. 	.pageSidebarView-user {
  175. 		border-color: var(--background-border);
  176. 		color: var(--text-normal);
  177. 	}
  178.  
  179. 	.mousehuntHeaderView .dropdownContent {
  180. 		background-color: var(--background-floating);
  181. 		border-color: var(--background-border);
  182. 		color: var(--text-normal);
  183. 	}
  184.  
  185. 	.mousehuntHeaderView .dropdownContent a,
  186. 	.mousehuntHeaderView .dropdownContent a span {
  187. 		color: var(--text-normal);
  188. 		border-color: var(--background-border);
  189. 	}
  190.  
  191. 	.scoreboardRelativeRankingTableView-table tr.highlight {
  192. 		background-color: var(--background-accent);
  193. 	}
  194.  
  195. 	.scoreboardRelativeRankingTableView-table {
  196. 		border: none;
  197. 		color: var(--text-normal);
  198. 	}
  199.  
  200. 	/*** Camp ***/
  201. 	.campPage-trap {
  202. 		background-color: var(--background-secondary);
  203. 		border-color: var(--background-border);
  204. 		box-shadow: none;
  205. 	}
  206.  
  207. 	.campPage-trap .trapImageView {
  208. 		background-color: var(--background-trap);
  209. 		border-color: var(--background-border);
  210. 	}
  211.  
  212. 	.campPage-trap-armedItem {
  213. 		box-shadow: none;
  214. 	}
  215.  
  216. 	.campPage-trap-armedItem.bait {
  217. 		background-color: var(--background-primary);
  218. 		border-color: var(--background-border);
  219. 		box-shadow: none;
  220. 	}
  221.  
  222. 	.campPage-trap-armedItem.bait .campPage-trap-armedItem-image {
  223. 		border-color: var(--background-border);
  224. 	}
  225.  
  226. 	.campPage-trap-armedItem .quantity span {
  227. 		background-color: var(--background-primary);
  228. 		border-color: var(--background-border);
  229. 		color: var(--text-normal);
  230. 		box-shadow: none;
  231. 	}
  232.  
  233. 	.campPage-trap-baitLabel {
  234. 		color: var(--text-muted);
  235. 	}
  236.  
  237. 	.campPage-trap-baitDetails {
  238. 		color: var(--text-normal);
  239. 		text-shadow: none;
  240. 	}
  241.  
  242. 	.campPage-trap-armedItem.skin {
  243. 		background-color: var(--background-primary);
  244. 		border-color: var(--background-border);
  245. 		box-shadow: none;
  246. 	}
  247.  
  248. 	.campPage-trap-armedItem-empty {
  249. 		background-color: var(--background-primary);
  250. 		color: var(--text-muted);
  251. 	}
  252.  
  253. 	.campPage-trap-armedItem-skin-description {
  254. 		color: var(--text-normal);
  255. 	}
  256.  
  257. 	.campPage-trap-armedItem-skin-description-content b {
  258. 		color: var(--text-muted);
  259. 	}
  260.  
  261. 	.campPage-trap-armedItem.skin .campPage-trap-armedItem-skin-description-content span {
  262. 		color: var(--text-normal);
  263. 	}
  264.  
  265. 	.campPage-trap-armedItem-image {
  266. 		border-color: var(--background-border);
  267. 	}
  268.  
  269. 	.campPage-trap-armedItem.inactive {
  270. 		background-color: var(--background-secondary);
  271. 	}
  272.  
  273. 	.campPage-trap-armedItem.active {
  274. 		box-shadow: -1px -1px 1px var(--background-secondary) inset,
  275. 			2px 2px 8px var(--background-accent);
  276. 	}
  277.  
  278. 	.campPage-trap-statsContainer {
  279. 		box-shadow: none;
  280. 		background-color: var(--background-accent);
  281. 	}
  282.  
  283. 	.PageCamp .campPage-trap-itemStats {
  284. 		background-color: var(--background-secondary);
  285. 		border-color: var(--background-border);
  286. 		box-shadow: none;
  287. 	}
  288.  
  289. 	.PageCamp .campPage-trap-trapStat .value {
  290. 		background-color: var(--background-primary);
  291. 		border-color: var(--background-border);
  292. 		color: var(--text-normal);
  293. 	}
  294.  
  295. 	.campPage-trap-trapStat .math {
  296. 		background-color: var(--background-floating);
  297. 		color: var(--text-normal);
  298. 		border-color: var(--background-border);
  299. 		box-shadow: none;
  300. 	}
  301.  
  302. 	.campPage-trap-trapStat .math .arrow {
  303. 		border-color: var(--background-border) transparent transparent transparent;
  304. 	}
  305.  
  306. 	.campPage-trap-trapStat .math .arrow span {
  307. 		border-color: var(--background-floating) transparent transparent transparent;
  308. 	}
  309.  
  310. 	.campPage-trap-trapEffectiveness {
  311. 		background-color: var(--background-secondary);
  312. 		border-color: var(--background-border);
  313. 		box-shadow: none;
  314. 		color: var(--text-muted);
  315. 	}
  316.  
  317. 	.campPage-trap-trapEffectiveness span {
  318. 		color: var(--text-normal);
  319. 	}
  320.  
  321. 	.campPage-trap-friendContainer .label {
  322. 		color: var(--text-muted);
  323. 	}
  324.  
  325. 	.campPage-trap-friendContainer span {
  326. 		color: var(--text-normal);
  327. 	}
  328.  
  329. 	.campPage-trap-friendContainer-toggleFriendsButton {
  330. 		color: var(--text-normal);
  331. 	}
  332.  
  333. 	.campPage-trap-friendContainer-toggleFriendsButton-arrow {
  334. 		border-color: var(--text-normal) transparent transparent transparent;
  335. 	}
  336.  
  337. 	.campPage-trap-friendContainer.full .campPage-trap-friendContainer-toggleFriendsButton-arrow {
  338. 		border-color: transparent transparent var(--text-normal) transparent;
  339. 	}
  340.  
  341. 	.campPage-trap-friendList.full {
  342. 		background-color: var(--background-primary);
  343. 		color: var(--text-normal);
  344. 	}
  345.  
  346. 	.campPage-trap-friendContainer-environment a {
  347. 		color: var(--text-link);
  348. 	}
  349.  
  350. 	.campPage-tabs-tabHeader span {
  351. 		background-color: var(--background-secondary);
  352. 		color: var(--text-normal);
  353. 		border-color: var(--background-border);
  354. 		box-shadow: none;
  355. 	}
  356.  
  357. 	.campPage-tabs-tabHeader.active span {
  358. 		background-color: var(--background-primary);
  359. 		border-bottom-color: var(--background-primary);
  360. 	}
  361.  
  362. 	.campPage-tabs-tabRow:hover .campPage-tabs-tabHeader span {
  363. 		border-bottom-color: var(--background-border);
  364. 		background-color: var(--background-secondary);
  365. 	}
  366.  
  367. 	.campPage-tabs-tabRow .campPage-tabs-tabHeader:hover span {
  368. 		border-bottom-color: var(--background-primary);
  369. 		background-color: var(--background-primary);
  370. 	}
  371.  
  372. 	.campPage-tabs-tabContentContainer {
  373. 		background-color: var(--background-primary);
  374. 		box-shadow: none;
  375. 		border-color: var(--background-border);
  376. 	}
  377.  
  378. 	.campPage-tabs-tabContent[data-tab='journal'] {
  379. 		background-color: var(--background-primary);
  380. 	}
  381.  
  382. 	.adventureBookBanner-adventureName {
  383. 		background-color: var(--background-primary);
  384. 		color: var(--text-normal);
  385. 	}
  386.  
  387. 	.journal-detailLinkContainer a {
  388. 		color: var(--text-link);
  389. 	}
  390.  
  391. 	/*** Trap Selector ***/
  392. 	.campPage-trap-itemBrowser-favorite-item-image-quantity {
  393. 		color: var(--text-contrast);
  394. 	}
  395.  
  396. 	.campPage-trap-itemBrowser-item-powerType:after {
  397. 		color: var(--text-normal);
  398. 	}
  399.  
  400. 	.cannotDisarm .campPage-trap-itemBrowser-item-armButton {
  401. 		color: var(--hg-default-black);
  402. 	}
  403.  
  404. 	.armed .campPage-trap-itemBrowser-item-armButton {
  405. 		color: var(--hg-default-white);
  406. 	}
  407.  
  408. 	.campPage-trap-itemBrowser-armed-item-content .campPage-trap-itemBrowser-item-disarmButton {
  409. 		color: var(--hg-default-white);
  410. 	}
  411.  
  412. 	.campPage-trap-itemBrowser-armed-label {
  413. 		color: var(--text-normal);
  414. 	}
  415.  
  416. 	.campPage-trap-itemBrowser-tagGroup-name {
  417. 		color: var(--text-normal);
  418. 		border-color: var(--background-border);
  419. 	}
  420.  
  421. 	.campPage-trap-itemBrowser-tagGroup-empty {
  422. 		background-color: var(--background-primary);
  423. 		border-color: var(--background-border);
  424. 		color: var(--text-normal);
  425. 	}
  426.  
  427. 	.empty .campPage-trap-itemBrowser-favorite-item-image {
  428. 		background-color: var(--background-primary);
  429. 	}
  430.  
  431. 	.campPage-trap-itemBrowser-favorite-item-image-frame {
  432. 		box-shadow: none;
  433. 		border-color: var(--background-border);
  434. 	}
  435.  
  436. 	.campPage-trap-itemBrowser-armed,
  437. 	.campPage-trap-itemBrowser-itemContainer,
  438. 	.campPage-trap-itemBrowser-favorites {
  439. 		background-color: var(--background-secondary);
  440. 		color: var(--text-normal);
  441. 	}
  442.  
  443. 	.campPage-trap-itemBrowser-armed-item,
  444. 	.campPage-trap-itemBrowser-item {
  445. 		background-color: var(--background-primary);
  446. 		color: var(--text-normal);
  447. 		border-color: var(--background-border);
  448. 	}
  449.  
  450. 	.campPage-trap-itemBrowser-item-statContainer {
  451. 		border-radius: 5px;
  452. 	}
  453.  
  454. 	.campPage-trap-itemBrowser-item-stat .value span {
  455. 		color: var(--text-normal);
  456. 	}
  457.  
  458. 	.campPage-trap-itemBrowser-item-stat {
  459. 		background-color: var(--background-secondary);
  460. 	}
  461.  
  462. 	.campPage-trap-itemBrowser-item-stat.worse .value span {
  463. 		color: var(--text-danger);
  464. 	}
  465.  
  466. 	.campPage-trap-itemBrowser-item-stat.better .value span {
  467. 		color: var(--text-positive);
  468. 	}
  469.  
  470. 	.campPage-trap-trapEffectivenessContainer {
  471. 		background-color: var(--background-secondary);
  472. 	}
  473.  
  474. 	.campPage-trap-trapEffectiveness-header {
  475. 		color: var(--text-normal);
  476. 	}
  477.  
  478. 	.campPage-trap-trapEffectiveness-difficultyGroup-label {
  479. 		border-color: var(--background-border);
  480. 	}
  481.  
  482. 	.campPage-trap-trapEffectiveness-difficultyGroup {
  483. 		background-color: var(--background-primary);
  484. 		border-color: var(--background-border);
  485. 		color: var(--text-normal);
  486. 	}
  487.  
  488. 	.campPage-trap-trapEffectiveness-mouse {
  489. 		border-color: var(--background-border);
  490. 		color: var(--text-normal);
  491. 	}
  492.  
  493. 	.campPage-trap-trapEffectiveness-mouse:hover {
  494. 		background-color: var(--background-accent);
  495. 	}
  496.  
  497. 	.campPage-trap-blueprint-closeButton {
  498. 		background-color: var(--background-secondary);
  499. 		color: var(--text-normal);
  500. 	}
  501.  
  502. 	.campPage-trap-blueprintContainer input[type='text'],
  503. 	.campPage-trap-blueprintContainer select {
  504. 		background-color: var(--background-primary);
  505. 		border-color: var(--background-accent);
  506. 		color: var(--text-normal);
  507. 	}
  508.  
  509. 	.trapSelectorView__outerBlock {
  510. 		background-color: var(--background-primary);
  511. 		border-color: var(--background-border);
  512. 		color: var(--text-normal);
  513. 		box-shadow: none;
  514. 		-webkit-box-shadow: none;
  515. 	}
  516.  
  517. 	.trapSelectorView__innerBlock {
  518. 		background-color: var(--background-secondary);
  519. 		border-color: var(--background-border);
  520. 		color: var(--text-normal);
  521. 	}
  522.  
  523. 	.trapSelectorView__armedItemBorder {
  524. 		border-color: var(--background-border);
  525. 		box-shadow: none;
  526. 		-webkit-box-shadow: none;
  527. 	}
  528.  
  529. 	.trapSelectorView__trapStatSummary {
  530. 		background-color: var(--background-secondary);
  531. 		color: var(--text-normal);
  532. 		box-shadow: none;
  533. 		-webkit-box-shadow: none;
  534.  
  535. 	}
  536.  
  537. 	.trapSelectorView__trapStatSummaryContainer {
  538. 		background-color: var(--background-accent);
  539. 		border-color: var(--background-border);
  540. 		color: var(--text-normal);
  541. 		box-shadow: none;
  542. 		-webkit-box-shadow: none;
  543. 	}
  544.  
  545.  
  546. 	/*** Journal ***/
  547.  
  548. 	.journal .content {
  549. 		padding: 0 7px 0 10px;
  550. 	}
  551.  
  552. 	.journal .entry {
  553. 		color: var(--hg-default-grey);
  554. 	}
  555.  
  556. 	/*** Common/Pagination ***/
  557.  
  558. 	#overlayBg {
  559. 		background-image: none;
  560. 		background-color: rgb(0, 0, 0, 0.3);
  561. 	}
  562.  
  563. 	.PageCamp .pagerView-container {
  564. 		background-color: var(--background-primary);
  565. 		color: var(--text-normal);
  566. 	}
  567.  
  568. 	.PageCamp .pagerView-section.previous .pagerView-link,
  569. 	.PageCamp .pagerView-section.next .pagerView-link {
  570. 		color: var(--text-muted);
  571. 		border-color: var(--background-border);
  572. 	}
  573.  
  574. 	.PageCamp .pagerView-section.previous.active .pagerView-link,
  575. 	.PageCamp .pagerView-section.next.active .pagerView-link {
  576. 		color: var(--text-link);
  577. 		border-color: var(--background-border);
  578. 	}
  579.  
  580. 	.PageCamp .mousehuntHud-page-tabContent-loading,
  581. 	.PageCamp .mousehuntHud-page-subTabContent-loading,
  582. 	.PageCamp .campPage-trap-trapEffectivenessContainer .loading,
  583. 	.PageCamp .campPage-trap-itemBrowser-armed .loading,
  584. 	.PageCamp .campPage-trap-itemBrowser-items .loading,
  585. 	.PageCamp .campPage-tabs-tabContent-loading,
  586. 	.PageCamp .campPage-trap-friendList.loading .campPage-trap-friendList-loading {
  587. 		filter: brightness(var(--loader-brightness));
  588. 	}
  589. }

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

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

加入Q群

QingJ © 2025

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