WNP78

SP dark theme

Jan 4th, 2019
215
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. // ==UserScript==
  2. // @name         simpleplanes.com tweaks
  3. // @version      0.1
  4. // @include http://simpleplanes.com/*
  5. // @include https://simpleplanes.com/*
  6. // @include http://www.simpleplanes.com/*
  7. // @include https://www.simpleplanes.com/*
  8. // @author       WNP78
  9. // ==/UserScript==
  10.  
  11. var style = `
  12. /* Aircraft Post Pop-out */
  13.  
  14. .post-block { transition: all .2s cubic-bezier(.68,-0.55,.27,1.55); }
  15. .post-block:hover { transform: scale(1.1,1.1); }
  16. /* Basic dark theme */
  17.  
  18. body {
  19.     background: linear-gradient( rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8) ), url('/Content/img/patterns/gray_jean.png') !important;
  20.     color: #dedede;
  21. }
  22. .body {
  23.     background: #272727 !important;
  24.     border-top-color: #272727 !important;
  25. }
  26. .body header {
  27.     background: #272727 !important;
  28. }
  29. a { color: #079ae4; }
  30. h1, h2, h3, h4, h5, h6 {
  31.     color: #cfcfcf !important;
  32. }
  33. h3, h4, h5 {
  34.     color: #20b3fc !important;
  35. }
  36. p { color: #dedede; }
  37. code, pre {
  38.     background-color: #2d2d2d;
  39.     color: white;
  40.     border-color: #4a4a4a;
  41.     margin: 7px 0px;
  42. }
  43.  
  44. /* Controls */
  45. .btn-default {
  46.     color: white;
  47.     background: #777;
  48.     border-color: #777;
  49. }
  50. .btn-default:hover, .btn-default:focus, .btn-default:active {
  51.     color: white !important;
  52.     background: #666 !important;
  53.     border-color: #666 !important;
  54. }
  55. .pagination > li > a, .pagination > li > span, .pagination > li > a:hover, .pagination > li > span:hover {
  56.     background: #232323;
  57.     border-color: #232323;
  58. }
  59. .dropdown-menu {
  60.     background: #4d4d4d;
  61.     border-color: #4d4d4d;
  62.     color: white !important;
  63. }
  64. .dropdown-menu > li > a {
  65.     background: #4d4d4d !important;
  66.     border-color: #4d4d4d !important;
  67.     color: white !important;
  68. }
  69. .dropdown-menu > li > a:hover {
  70.     background: #555 !important;
  71.     border-color: #555 !important;
  72.     color: white !important;
  73. }
  74. .modal-content { background-color: #333131 !important; }
  75. .label-success {
  76.     background: #1e9c1e;
  77. }
  78. .label-default {
  79.     background: #666;
  80. }
  81. form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control, .form-control {
  82.     background: #666;
  83.     border-color: #222;
  84.     color: #FFF;
  85. }
  86. .tag-item {
  87.     background: #484848 !important;
  88. }
  89. .tag-item:hover {
  90.     background: #686868 !important;
  91. }
  92.  
  93. /* SP specific */
  94. body.boxed .body {
  95.   border-bottom: 5px solid #0c0c0c !important;
  96. }
  97. .product-thumb-info {
  98.     background: #1a1a1a !important;
  99.     border-color: #1a1a1a !important;
  100. }
  101. .product-thumb-info.unread {
  102.     background-color: #00334d !important;
  103. }
  104. .product-thumb-info h4 {
  105.     color: white;
  106. }
  107. .forum-list-votes {
  108.     background: #474747;
  109.     color: #ffaa3e;
  110. }
  111. .notification {
  112.     background: #4d4d4d;
  113.     border-color: transparent !important;
  114. }
  115. .notification p {
  116.     color: white;
  117. }
  118. .notification:hover {
  119.     background: #7d7d7d;
  120. }
  121. .post-body {
  122.     background: #4d4d4d;
  123.     border-color: #4d4d4d;
  124. }
  125. ul.comments .comment-block {
  126.     background: #3c3c3c;
  127. }
  128. .downloads {
  129.     color: #c8c8c8;
  130. }
  131. .user-detail {
  132.     background: #444;
  133. }
  134. ul.comments .comment-arrow {
  135.     border-right-color: #3c3c3c;
  136. }
  137. .img-thumbnail {
  138.     background: #3f3f3f;
  139.     border-color: transparent;
  140. }
  141. #header nav ul.nav-main ul.dropdown-menu > li > a { border:none; }
  142. .shop table.cart td {
  143.     border-top: 4px solid #2d2d2d;
  144.     padding: 6px 10px;
  145. }
  146. .page-top {
  147.     border-bottom: 5px solid #666
  148. }
  149. .post-body img {
  150.     max-width: 100%;
  151. }
  152. .col-md-6 img {
  153.     max-width: 100%;
  154. }
  155. .featured-box {
  156.     background: #444;
  157.     border-color: #555;
  158.     color: #DDD;
  159. }
  160.  
  161. /* Tables */
  162. .table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
  163.     background: #363636;
  164. }
  165. .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  166.     border-top: none;
  167. }
  168.  
  169. /* Custom Point Tags */
  170. .user-points.dev { transition: all .5s linear; }
  171. .user-points.mod { background: linear-gradient(#d2322d, #8f0000) #d2322d; }
  172. .user-points.master { background: linear-gradient(#323030,#181818) #333; border-radius: .25em; }
  173. .user-points.gold { background: linear-gradient(#ecbf4f, #bf8800) #e4b84b; }
  174. .user-points.silver { background: linear-gradient(#8f8f8f, #545454) #797979; }
  175. .user-points.bronze { background: linear-gradient(#786113, #59480f) #786113; }
  176. .user-points.noob { border: none; background: linear-gradient(white, #d2d2d2) white; }
  177. `;
  178. // Apply CSS
  179. var css = document.createElement("style");
  180. css.type = "text/css";
  181. css.innerHTML = style;
  182. document.body.appendChild(css);
Advertisement
Add Comment
Please, Sign In to add comment