☰

cssgradient.io - Dark Mode

Dark theme for CSSGradient.io

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