☰

wiki.teamfortress.com - Dark Mode [Customizable]

Dark Theme for Team Fortress Wiki

  1. /* ==UserStyle==
  2. @name           wiki.teamfortress.com - Dark Mode [Customizable]
  3. @namespace      typpi.online
  4. @version        1.1.1
  5. @description    Dark Theme for Team Fortress Wiki
  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-neutral "Neutral Background" #e9e9e9
  12. @var color text-color "Text Color" #000000
  13. @var color hover-color "Hover Color" #c25c00
  14. @var color link-color "Link Color" #075ce9
  15. @var color visited-link-color "Visited Link Color" #ff0051
  16. ==/UserStyle== */
  17. @-moz-document domain("wiki.teamfortress.com") {
  18. 	/* Stylus Variables */
  19. 	:root {
  20. 		--background-neutral: var(background-neutral);
  21. 		--text-color: var(text-color);
  22. 		--hover-color: var(hover-color);
  23. 		--link-color: var(link-color);
  24. 		--visited-link-color: var(visited-link-color);
  25. 	}
  26.  
  27. 	/* Invert colors except images and videos */
  28. 	html:not([stylus-iframe]),
  29. 	img,
  30. 	svg,
  31. 	video,
  32. 	.qua_unusual,
  33. 	.mw-wiki-logo,
  34. 	.quality-tag,
  35. 	.qua_unique,
  36. 	.btn_buynow_market,
  37. 	iframe {
  38. 		filter: invert(1) hue-rotate(180deg) !important;
  39. 	}
  40.  
  41. 	.tfwiki-backpack-item,
  42. 	.att_neutral {
  43. 		background: var(--background-neutral) !important;
  44. 		color: var(--text-color) !important;
  45. 	}
  46.  
  47. 	div.vectorTabs ul li,
  48. 	div.vectorTabs ul li *,
  49. 	div.vectorTabs li.selected a,
  50. 	div.vectorTabs li.selected a:visited {
  51. 		color: var(--text-color) !important;
  52. 	}
  53.  
  54. 	div.vectorTabs ul li:hover * {
  55. 		color: var(--hover-color) !important;
  56. 		text-shadow: #ffffff -2px -1px 1px;
  57. 	}
  58.  
  59. 	li#pt-userpage,
  60. 	li#pt-anonuserpage,
  61. 	li#pt-login,
  62. 	#pt-login > a {
  63. 		color: var(--hover-color) !important;
  64. 	}
  65.  
  66. 	a:link {
  67. 		color: var(--link-color) !important;
  68. 	}
  69.  
  70. 	a:visited {
  71. 		color: var(--visited-link-color) !important;
  72. 	}
  73.  
  74. 	#right-sidebar
  75. 		> table
  76. 		> tbody
  77. 		> tr:nth-child(20)
  78. 		> td
  79. 		> div
  80. 		> center
  81. 		> div {
  82. 		background: var(--background-neutral) !important;
  83. 	}
  84. }