☰

wiki.SuperFamicom.org Dark

Dark mode for wiki.superfamicom.org

  1. /* ==UserStyle==
  2. @name           wiki.SuperFamicom.org Dark
  3. @namespace      gitlab.com/Neui/userstyles
  4. @homepageURL    https://gitlab.com/Neui/userstyles
  5. @supportURL     https://gitlab.com/Neui/userstyles/issues
  6. @version        2.0.2
  7. @license        CC-BY-4.0
  8. @description    Dark mode for wiki.superfamicom.org
  9. @author         Neui
  10. ==/UserStyle== */
  11.  
  12. @-moz-document domain("wiki.superfamicom.org") {
  13. 	html, body {
  14. 		background-color: black;
  15. 		color: white;
  16. 	}
  17.  
  18. 	a {
  19. 		color: #D7D7D7;
  20. 	}
  21.  
  22. 	a:hover, a:focus {
  23. 		color: #EEE;
  24. 	}
  25. 	.content a:hover {
  26. 		color: #FFF;
  27. 	}
  28.  
  29. 	/* Buttons */
  30. 	.button {
  31. 		color: white;
  32. 		border-color: white;
  33. 	}
  34.  
  35. 	/* Tables */
  36. 	table {
  37. 		background: unset; /* With border-radius it otherwise show white corners */
  38. 	}
  39.  
  40. 	.content tr td, #content tr {
  41. 		background: #303030;
  42. 	}
  43.  
  44. 	.content tr:nth-child(2n) td, #content tr:nth-child(2n) {
  45. 		background: #3F3F3F;
  46. 	}
  47.  
  48. 	.content tbody tr:hover td {
  49. 		background: #555;
  50. 	}
  51.  
  52. 	.content td, .content th, .content table, .content tbody, .content thead {
  53. 		border-color: #666;
  54. 		border-bottom: 1px solid #666;
  55. 	}
  56.  
  57. 	/* Code */
  58. 	.content table pre, .content table code {
  59. 		/* Fixes <code> in tables */
  60. 		background-color: inherit;
  61. 		color: inherit;
  62. 	}
  63.  
  64. 	/* Fix comments otherwise they are somewhat hard to read */
  65. 	span.hljs-comment {
  66. 		color: #554;
  67. 	}
  68.  
  69. 	/* Table of Contents (the box to the right) */
  70. 	.toc {
  71. 		background: #252525;
  72. 		border-color: #111;
  73. 	}
  74.  
  75. 	/* Editing and creating */
  76. 	form textarea.form-control, form input[type=text] {
  77. 		background: black;
  78. 		color: white;
  79. 		border-color: grey;
  80. 	}
  81.  
  82. 	form textarea.form-control::placeholder, form input[type=text]::placeholder {
  83. 		color: darkgrey;
  84. 	}
  85.  
  86. 	form#fileupload {
  87. 		background: black;
  88. 		color: white;
  89. 		border-color: grey;
  90. 	}
  91.  
  92. 	.form-control:focus {
  93. 		border-color: #D7D7D7;
  94. 	}
  95.  
  96. 	/* Footer */
  97. 	.content-sections .section h2 {
  98. 		color: #EEE;
  99. 	}
  100.  
  101. 	.content-sections .section ul li a {
  102. 		color: #EEE;
  103. 	}
  104.  
  105. 	/* Search */
  106. 	.search .result {
  107. 		border-bottom-color: rgba(255, 255, 255, 0.25);
  108. 	}
  109. }