☰

squadrats.com - Dark Mode

Dark Theme for Squad Rats

  1. /* ==UserStyle==
  2. @name           squadrats.com - Dark Mode
  3. @namespace      typpi.online
  4. @version        1.0.3
  5. @description    Dark Theme for Squad Rats
  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" #000000
  12. @var color text-color "Text Color" #ffffff
  13. @var color input-background-color "Input Background Color" #ddbcff
  14. ==/UserStyle== */
  15. @-moz-document domain("squadrats.com") {
  16. 	:root {
  17. 		--background-color: var(background-color);
  18. 		--text-color: var(text-color);
  19. 		--input-background-color: var(input-background-color);
  20. 	}
  21.  
  22. 	/* Invert colors except images and videos */
  23. 	*:not(
  24. 			#classification #neighbours,
  25. 			img,
  26. 			svg,
  27. 			.change-email,
  28. 			select,
  29. 			input,
  30. 			.provider-icons
  31. 		) {
  32. 		background: var(--background-color) !important;
  33. 		color: var(--text-color) !important;
  34. 	}
  35.  
  36. 	.mapboxgl-canvas.maplibregl-canvas,
  37. 	.leader-map,
  38. 	.activity-image {
  39. 		filter: invert(1) hue-rotate(180deg);
  40. 	}
  41.  
  42. 	select,
  43. 	input {
  44. 		background-position:
  45. 			right 0.7em top 50%,
  46. 			0 0 !important;
  47. 		background-size:
  48. 			0.65em auto,
  49. 			100% !important;
  50. 		background-repeat: no-repeat, repeat !important;
  51. 		background-color: var(
  52. 			--input-background-color
  53. 		) !important;
  54. 	}
  55. }