☰

stattracker.x10host.com - Dark Mode [Customizable]

Dark Theme for Strava Stat Tracker

  1. /* ==UserStyle==
  2. @name         stattracker.x10host.com - Dark Mode [Customizable]
  3. @version      1.2.1
  4. @namespace    typpi.online
  5. @description  Dark Theme for Strava Stat Tracker
  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 background-color "Background Color" #000
  12. @var color text-color "Text Color" #fff
  13. @var color header-background "Header Background" #003000
  14. @var color odd-row-background "Odd Row Background" #262626
  15. ==/UserStyle== */
  16. @-moz-document domain("stattracker.x10host.com") {
  17. 	/* Stylus Variables */
  18. 	:root {
  19. 		--background-color: var(background-color);
  20. 		--text-color: var(text-color);
  21. 		--header-background: var(header-background);
  22. 		--odd-row-background: var(odd-row-background);
  23. 	}
  24.  
  25. 	/* Invert colors except images and videos */
  26. 	:is(
  27. 		html:not([stylus-iframe]),
  28. 		img,
  29. 		svg:not(
  30. 				.leaflet-container .leaflet-overlay-pane svg,
  31. 				.leaflet-container .leaflet-marker-pane img,
  32. 				.leaflet-container .leaflet-shadow-pane img,
  33. 				.leaflet-container .leaflet-tile-pane img,
  34. 				.leaflet-container img.leaflet-image-layer,
  35. 				.leaflet-container .leaflet-tile
  36. 			),
  37. 		video
  38. 	),
  39. 	.filter-section-select td,
  40. 	.check-options-table td,
  41. 	.column-Quick-filters,
  42. 	.dataTable td,
  43. 	.dataTable th,
  44. 	.quick-filters,
  45. 	#scatterGraphGrid td,
  46. 	#progressGraphAxis td,
  47. 	#progressGraphAxis td:nth-child(1) {
  48. 		background: var(--background-color);
  49. 		color: var(--text-color);
  50. 	}
  51.  
  52. 	.dashboardTable tr:nth-child(odd) {
  53. 		background: var(--odd-row-background);
  54. 	}
  55.  
  56. 	.dashboardTable th {
  57. 		background: var(--header-background);
  58. 	}
  59.  
  60. 	body > header > div > div:nth-child(2) > img {
  61. 		filter: invert(1) hue-rotate(180deg);
  62. 		background: unset !important;
  63. 	}
  64.  
  65. 	.progressSummaryTable tr:nth-child(odd),
  66. 	.logBook-dataDiv {
  67. 		background: unset !important;
  68. 	}
  69.  
  70. 	#mapContainer,
  71. 	.leaflet-container.leaflet-touch-drag,
  72. 	.leaflet-container,
  73. 	#heatmap,
  74. 	#mapHead {
  75. 		background: #fff0 !important;
  76. 	}
  77. }