☰

bicycling.com - Dark Mode

Description

  1. /* ==UserStyle==
  2. @name           bicycling.com - Dark Mode
  3. @namespace      typpi.online
  4. @version        1.2.0
  5. @description    Description
  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. @var color color1 "Color 1" #ffa500
  14. @var color color2 "Color 2" #9370d8
  15. @var color color3 "Color 3" #a94b17c9
  16. ==/UserStyle== */
  17. @-moz-document domain("bicycling.com") {
  18. 	/* Use the variables for colors */
  19. 	:root {
  20. 		--backgroundColor: var(--backgroundColor);
  21. 		--textColor: var(textColor);
  22. 		--color1: var(color1);
  23. 		--color2: var(color2);
  24. 		--color3: var(color3);
  25. 	}
  26.  
  27. 	/* Invert colors except images and videos */
  28. 	html,
  29. 	img,
  30. 	svg,
  31. 	video,
  32. 	iframe {
  33. 		background: var(--backgroundColor);
  34. 		color: var(--textColor);
  35. 	}
  36.  
  37. 	.css-1ew0k1 {
  38. 		color: var(--color1);
  39. 	}
  40.  
  41. 	.css-1evjo6m {
  42. 		color: var(--color2);
  43. 	}
  44.  
  45. 	.__resp-container .video-player,
  46. 	[data-embed]:defined {
  47. 		display: none;
  48. 	}
  49.  
  50. 	.css-93j5lg {
  51. 		color: var(--color3);
  52. 	}
  53.  
  54. 	.css-79elbk,
  55. 	:host {
  56. 		background: #565656 !important;
  57. 	}
  58. }