☰

squadrats.com - Dark Mode

Dark Theme for Squad Rats

目前為 2025-01-15 提交的版本，檢視 最新版本。

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