Dark Super Mario Maker Bookmark

Dark theme for Super Mario Maker Bookmark website!

  1. /* ==UserStyle==
  2. @name Dark Super Mario Maker Bookmark
  3. @namespace github.com/CodyMKW/My-Userstyles
  4. @version 1.0.2
  5. @description Dark theme for Super Mario Maker Bookmark website!
  6. @homepageURL https://sites.google.com/view/codys-nintendo-room/userstyles
  7. @supportURL https://github.com/CodyMKW/My-Userstyles/issues
  8. @author CodyMKW (https://codymkw.github.io)
  9. @license CC-BY-SA-4.0
  10. @preprocessor stylus
  11. @var text fontname "Font Name" Avenir
  12. @var color text-color "Text" #BBBBBB
  13. @var color easy-color "Easy" #1A801A
  14. @var color normal-color "Normal" #1A4C80
  15. @var color expert-color "Expert" #801A4C
  16. @var color super-expert-color "Super Expert" #801A1A
  17. @var color ranking-color "Ranking" #4C1A80
  18. ==/UserStyle== */
  19.  
  20. @-moz-document url-prefix("https://supermariomakerbookmark.nintendo.net/") {
  21. body.courses,
  22. body.profile,
  23. body.pickup,
  24. body.search,
  25. body.ranking,
  26. body.settings,
  27. body.help,
  28. body.playlist {
  29. background: rgb(36, 36, 36);
  30. }
  31.  
  32. #wrapper .description a {
  33. color: #FFF;
  34. }
  35. .bg-white,
  36. #wrapper.profile .profile-info .user-wrapper .mii,
  37. #loading-overlay #loading-overlay-pedestal {
  38. background: rgb(56, 56, 56);
  39. }
  40. .bg-yellow,
  41. .help-category-wrapper .help-category-header,
  42. .help-category-wrapper .help-entry-wrapper .help-entry-body,
  43. .help-category-wrapper .help-sub-entry-wrapper {
  44. background-color: rgb(25, 25, 25);
  45. }
  46. .bg-orange,
  47. .help-category-wrapper .help-entry-wrapper .help-entry-header {
  48. background: rgb(16, 16, 16);
  49. }
  50.  
  51. /* Super Expert */
  52. .bg-red,
  53. .help-category-wrapper .difficulty-super-expert {
  54. background: super-expert-color;
  55. }
  56. /* Expert */
  57.  
  58. .bg-pink,
  59. .help-category-wrapper .difficulty-expert {
  60. background: expert-color;
  61. }
  62.  
  63. /* Normal */
  64. .bg-blue,
  65. .help-category-wrapper .difficulty-normal {
  66. background: normal-color;
  67. }
  68.  
  69. /* Easy */
  70. .bg-green,
  71. .help-category-wrapper .difficulty-easy,
  72. .help-category-wrapper .clear-rate-flag {
  73. background: easy-color;
  74. }
  75.  
  76. /* Ranking */
  77. .bg-purple {
  78. background: ranking-color;
  79. }
  80.  
  81. /* Text Color */
  82. .course-info .course-title-wrapper .course-title,
  83. .help-category-wrapper .help-category-header .help-category-title,
  84. .course-info .course-image-wrapper .gameskin-wrapper .created_at,
  85. .course-info .tried-count .label,
  86. .course-info .course-detail-wrapper .creator-info .name,
  87. #wrapper.profile .profile-info .user-info .name,
  88. #wrapper.ranking .creator-detail-wrapper .creator-info .name,
  89. .help-category-wrapper .help-entry-wrapper .help-entry-header,
  90. .help-category-wrapper .help-entry-wrapper .help-entry-body .help-message,
  91. .help-category-wrapper .help-sub-entry-wrapper .help-sub-entry-header,
  92. .help-category-wrapper .help-category-header .help-category-description,
  93. .help-category-wrapper .created-at-wrapper .created-at,
  94. .help-category-wrapper .help-entry-wrapper .help-entry-body,
  95. .help-category-wrapper .creator-info .creator-name,
  96. #wrapper.courses .body.current-tag .current-tag-wrapper .current-tag-label,
  97. #wrapper.courses .header.bg-orange,
  98. #wrapper.courses .course-card .course-detail-wrapper .miiverse,
  99. #wrapper .description, body.pickup #wrapper.pickup .special-courses-banner .title, body.special_courses #wrapper.special .special-list .course-card .title, select {
  100. color: text-color;
  101. }
  102.  
  103. /* Cleared Flag */
  104. .course-info .course-clear-flag-wrapper {
  105. border: 30px solid rgb(25,25,25);
  106. border-top: 30px solid rgb(45,45,45);
  107. border-right: 30px solid rgb(45,45,45);
  108. }
  109.  
  110. /* Stats */
  111. #wrapper.courses .course-card .course-stats-wrapper .liked-count,
  112. #wrapper.courses .course-card .course-stats-wrapper .played-count,
  113. #wrapper.courses .course-card .course-stats-wrapper .shared-count,
  114. .course-info .course-stats-wrapper .liked-count,
  115. .course-info .course-stats-wrapper .played-count,
  116. .course-info .course-stats-wrapper .shared-count {
  117. background: rgb(56, 56, 56);
  118. }
  119.  
  120. .course-info svg path,
  121. #wrapper.courses .clear-time svg path,
  122. #wrapper.playlist .trash svg,
  123. #wrapper.playlist .unlocked svg {
  124. fill: #FFF;
  125. }
  126.  
  127. .course-info .tried-count {
  128. background: none;
  129. }
  130.  
  131. .course-info .course-image-wrapper .course-image,
  132. #wrapper.courses .course-card .course-image-full-wrapper,
  133. .course-info .course-image-full-wrapper {
  134. background: rgb(16, 16, 16);
  135. }
  136.  
  137. select {
  138. background: #161616 url(https://supermariomakerbookmark.nintendo.net/assets/images/search_dropdown-icon-5ed1336d62f7b564fd0f70597b762530.png) 95% 50% no-repeat;
  139. }
  140.  
  141. /* More Info Button */
  142. .course-info .course-detail-wrapper .course-detail,
  143. .course-info .course-image-wrapper .course-tag,
  144. .help-category-wrapper .course-tag,
  145. #wrapper.courses .body.current-tag .current-tag-wrapper .course-tag {
  146. color: #BBB;
  147. background: rgb(56, 56, 56);
  148. }
  149.  
  150. /* Bookmark Button */
  151. #wrapper.special .button-wrapper .button.playlist.off,
  152. #wrapper.pickup .button-wrapper .button.playlist.off,
  153. #wrapper.ranking .button-wrapper .button.playlist.off,
  154. #wrapper.profile .button-wrapper .button.playlist.off,
  155. #wrapper.playlist .button-wrapper .button.playlist.off,
  156. #wrapper.courses .button-wrapper .button.playlist.off,
  157. #wrapper.search .button-wrapper .button.playlist.off,
  158. #wrapper.special .button-wrapper .button,
  159. #wrapper.pickup .button-wrapper .button,
  160. #wrapper.ranking .button-wrapper .button,
  161. #wrapper.profile .button-wrapper .button,
  162. #wrapper.playlist .button-wrapper .button,
  163. #wrapper.courses .button-wrapper .button,
  164. #wrapper.search .button-wrapper .button,
  165. #wrapper.courses .course-card .course-detail-wrapper .miiverse,
  166. #wrapper.courses .body.current-tag .update-tag-form .button,
  167. #wrapper.playlist .trash,
  168. #wrapper.playlist .locked,
  169. #wrapper.playlist .unlocked {
  170. color: #BBB;
  171. background: rgb(56, 56, 56);
  172. }
  173. #wrapper.special .button-wrapper .button.playlist.on,
  174. #wrapper.pickup .button-wrapper .button.playlist.on,
  175. #wrapper.ranking .button-wrapper .button.playlist.on,
  176. #wrapper.profile .button-wrapper .button.playlist.on,
  177. #wrapper.playlist .button-wrapper .button.playlist.on,
  178. #wrapper.courses .button-wrapper .button.playlist.on,
  179. #wrapper.search .button-wrapper .button.playlist.on {
  180. background-color: rgb(76,76,76);
  181. }
  182. }
  183.  
  184. @-moz-document url-prefix("https://id.nintendo.net/oauth/") {
  185. body {
  186. color: #BBB;
  187. background: rgb(36, 36, 36);
  188. }
  189. .hb-header,
  190. .no-js .hb-header-wrapper,
  191. .hb-footer,
  192. .no-js .hb-footer-wrapper {
  193. background: rgb(16, 16, 16);
  194. }
  195. }
  196.  
  197. @-moz-document url-prefix("https://supermariomakerbookmark.nintendo.net/"), url-prefix("https://id.nintendo.net/oauth/") {
  198. /* Custom Font */
  199. input, button, select, p, div {
  200. font-family: fontname;
  201. }
  202. div#copyright:after, p.hb-footer-copyright:after {
  203. content: ' - Dark Super Mario Maker Bookmark v1.0.2 by CodyMKW' !important;
  204. }
  205. }