☰

fitfileviewer.com - Dark Mode

Dark theme for FitFileViewer.com

当前为 2025-01-30 提交的版本，查看 最新版本。

  1. /* ==UserStyle==
  2. @name           fitfileviewer.com - Dark Mode
  3. @namespace      typpi.online
  4. @version        1.1.2
  5. @description    Dark theme for FitFileViewer.com
  6. @author         Nick2bad4u
  7. @license        UnLicense
  8. @homepageURL    https://github.com/Nick2bad4u/UserStyles
  9. @supportURL     https://github.com/Nick2bad4u/UserStyles/issues
  10.  
  11. @var color text-color-black "Text Color Black" #000000
  12. @var color text-color-green "Text Color Green" #008b84
  13. @var color border-color "Border Color" #008b84
  14. @var color option-background-color "Option Background Color" #454545
  15. @var color option-text-color "Option Text Color" #ffffff
  16. ==/UserStyle== */
  17. @-moz-document domain("fitfileviewer.com") {
  18. 	:root {
  19. 		--text-color-black: var(text-color-black);
  20. 		--text-color-green: var(text-color-green);
  21. 		--border-color: var(border-color);
  22. 		--option-background-color: var(option-background-color);
  23. 		--option-text-color: var(option-text-color);
  24. 	}
  25.  
  26. 	.px-4,
  27. 	.tracking-tight,
  28. 	.whitespace-pre-wrap {
  29. 		color: var(--text-color-black);
  30. 	}
  31.  
  32. 	.text-red-500 {
  33. 		color: var(--text-color-green);
  34. 	}
  35.  
  36. 	.border-slate-700 {
  37. 		--tw-border-opacity: 1;
  38. 		border-color: var(--border-color);
  39. 	}
  40.  
  41. 	#y1 > option,
  42. 	#y2 > option {
  43. 		background: var(--option-background-color);
  44. 		color: var(--option-text-color);
  45. 	}
  46.  
  47. 	/* Invert colors except images and videos */
  48. 	:is(
  49. 		html:not([stylus-iframe]),
  50. 		img,
  51. 		svg,
  52. 		video,
  53. 		.w-11\/12
  54. 	) {
  55. 		filter: invert(1) hue-rotate(180deg) !important;
  56. 	}
  57. }