☰

cssgradient.io - Dark Mode

Dark theme for CSSGradient.io

目前为 2025-01-16 提交的版本。查看 最新版本。

  1. /* ==UserStyle==
  2. @name           cssgradient.io - Dark Mode
  3. @namespace      typpi.online
  4. @version        1.1.0
  5. @description    Dark theme for CSSGradient.io
  6. @author         Nick2bad4u
  7. @license        UnLicense
  8. @homepageURL    https://github.com/Nick2bad4u/UserStyles
  9.  
  10. @var color backgroundColor "Background Color" #000000
  11. @var color textColor "Text Color" #ffffff
  12. ==/UserStyle== */
  13. @-moz-document domain("cssgradient.io") {
  14. 	/* Use the variables for colors */
  15. 	:root {
  16. 			--backgroundColor: var(backgroundColor);
  17. 			--textColor: var(textColor);
  18. 	}
  19.  
  20. 	/* Invert colors except images and videos */
  21. 	main,
  22. 	.panel-app,
  23. 	.app-gradient,
  24. 	.app-color,
  25. 	.app-options,
  26. 	.home-article,
  27. 	.nav,
  28. 	.home-page,
  29. 	.blog-card,
  30. 	.site-footer,
  31. 	.blog-header,
  32. 	.blog-article,
  33. 	.row,
  34. 	.html-backgrounds,
  35. 	.gradient-backgrounds,
  36. 	.js-body-content,
  37. 	.content-backgrounds,
  38. 	.sidenav-fake,
  39. 	.sidenav-backgrounds__list-item
  40. 			.sidenav-backgrounds__background,
  41. 	body,
  42. 	#app,
  43. 	.pt-16,
  44. 	.mt-2,
  45. 	.page-article,
  46. 	.page-header,
  47. 	.page-card,
  48. 	.swatch-card__bar,
  49. 	.swatch-card__copy {
  50. 			background: var(--backgroundColor) !important;
  51. 			color: var(--textColor) !important;
  52. 	}
  53. 	.app-color__stop.is-active {
  54. 			background: var(--backgroundColor) !important;
  55. 			color: var(--textColor) !important;
  56. 	}
  57. }