Nyaa Casement

~simple pleb theme~ ~Dark Mode only~

  1. // ==UserScript==
  2. // @name Nyaa Casement
  3. // @name:en Nyaa Casement
  4. // @name:vi Nyaa Casement
  5. // @name:zh-CN Nyaa Casement
  6. // @name:zh-TW Nyaa Casement
  7. // @name:ja Nyaa Casement
  8. // @namespace https://greasyfork.org/vi/users/1195312
  9. // @author Yuusei
  10. // @description ~simple pleb theme~ ~Dark Mode only~
  11. // @description:en ~simple pleb theme~ ~Dark Mode only~
  12. // @description:vi ~simple pleb theme~ ~Dark Mode only~
  13. // @description:zh-CN ~简单的主题~ ~仅限深色模式~
  14. // @description:zh-TW ~簡單的 Pleb 主題~ ~僅限深色模式~
  15. // @description:ja 〜シンプルなplebテーマ〜 〜ダークモードのみ〜
  16. // @version 1.0
  17. // @license NONE
  18. // @match https://nyaa.si/*
  19. // @grant GM_addStyle
  20. // ==/UserScript==
  21.  
  22. (function() {
  23. 'use strict';
  24.  
  25. const css = `
  26. /* General Styles */
  27. body {
  28. background: url(https://w.wallhaven.cc/full/85/wallhaven-85prg1.jpg) !important;
  29. background-size: cover !important;
  30. background-repeat: no-repeat !important;
  31. background-attachment: fixed !important;
  32. color: white !important;
  33. text-shadow: 2px 2px 4px #000000;
  34. }
  35.  
  36. a, a.comments {
  37. color: #9d9d9d !important;
  38. }
  39. a:hover {
  40. color: #ff0051 !important;
  41. text-decoration: none !important;
  42. }
  43. a:visited:hover {
  44. color: #970030 !important;
  45. }
  46.  
  47. /* Table Styles */
  48. .table-responsive, table.table-bordered.table-hover.table-striped.torrent-list {
  49. background: rgba(0, 0, 0, .3) !important;
  50. color: #9d9d9d !important;
  51. border: solid 1px #3d3d3d !important;
  52. box-shadow: 2px 5px 5px rgba(0, 0, 0, .5);
  53. border-radius: 10px;
  54. }
  55. th, td {
  56. border: none !important;
  57. background: rgba(0, 0, 0, .1) !important;
  58. box-shadow: 2px 5px 5px rgba(0, 0, 0, .5);
  59. }
  60. thead {
  61. background: rgba(0, 0, 0, .7) !important;
  62. box-shadow: 2px 5px 5px rgba(0, 0, 0, .5);
  63. }
  64.  
  65.  
  66. /* Button Styles */
  67. .default {
  68. background: rgba(0, 0, 0, .3) !important;
  69. box-shadow: 2px 5px 5px rgba(0, 0, 0, .5);
  70. }
  71. .default:hover {
  72. background: rgba(0, 0, 0, .5) !important;
  73. box-shadow: 2px 5px 5px rgba(0, 0, 0, .5);
  74. }
  75. .danger {
  76. background: rgba(255, 0, 0, .04) !important;
  77. box-shadow: 2px 5px 5px rgba(0, 0, 0, .5);
  78. }
  79. .danger:hover {
  80. background: rgba(70, 0, 0, .5) !important;
  81. box-shadow: 2px 5px 5px rgba(0, 0, 0, .5);
  82. }
  83. .success {
  84. background: rgba(10, 255, 0, .04) !important;
  85. box-shadow: 2px 5px 5px rgba(0, 0, 0, .5);
  86. }
  87. .success:hover {
  88. background: rgba(11, 76, 0, .5) !important;
  89. box-shadow: 2px 5px 5px rgba(0, 0, 0, .5);
  90. }
  91.  
  92.  
  93.  
  94. /* Navbar Styles */
  95. .navbar.navbar-default.navbar-static-top.navbar-inverse {
  96. background: rgba(0, 0, 0, 0.4) !important;
  97. border: none;
  98. box-shadow: 2px 5px 5px rgba(0, 0, 0, .5);
  99. }
  100. .navbar a {
  101. color: white !important;
  102. }
  103. .navbar a:hover {
  104. color: #ff0051 !important;
  105. text-decoration: none !important;
  106. }
  107.  
  108.  
  109. /* Alert Styles */
  110. .alert {
  111. background: rgba(0, 0, 0, .5) !important;
  112. border: none !important;
  113. box-shadow: 2px 5px 5px rgba(0, 0, 0, .5);
  114. }
  115. .alert a {
  116. color: white !important;
  117. }
  118. .alert a:hover {
  119. color: #ff0051 !important;
  120. text-decoration: none !important;
  121. }
  122.  
  123.  
  124. /* Panel Styles */
  125. .panel, .panel-heading, .panel-footer {
  126. background: rgba(0, 0, 0, .5) !important;
  127. border: none !important;
  128. box-shadow: 2px 5px 5px rgba(0, 0, 0, .5);
  129. color: white;
  130. }
  131.  
  132.  
  133. /* List and Dropdown Styles */
  134. li a {
  135. color: white !important;
  136. }
  137. ul.pagination, .dropdown-menu {
  138. background: rgba(0, 0, 0, 0.4) !important;
  139. box-shadow: 2px 5px 5px rgba(0, 0, 0, .5) !important;
  140. }
  141. .dropdown-menu a:hover {
  142. background: rgba(0, 0, 0, 0.6) !important;
  143. }
  144.  
  145.  
  146. /* Profile Page Styles */
  147. body[href*="/profile"] div.container {
  148. background: rgba(0, 0, 0, .5) !important;
  149. }
  150.  
  151.  
  152. /* Rules and Help Page Styles */
  153. body[href*="/rules"] .container:nth-child(2),
  154. body[href*="/help"] .container:nth-child(2) {
  155. background: rgba(0, 0, 0, .7) !important;
  156. box-shadow: 2px 5px 5px rgba(0, 0, 0, .5) !important;
  157. border-radius: 10px;
  158. padding-bottom: 30px;
  159. margin-bottom: 30px;
  160. }
  161.  
  162. /* Mobile Styles */
  163. @media (max-width: 768px) {
  164. .table-responsive {
  165. overflow-x: auto; /* Enable horizontal scrolling for tables on small screens */
  166. }
  167. }
  168. `;
  169.  
  170. GM_addStyle(css);
  171. })();