sekurak.pl - ciemny wygląd

Zmienia kolor portalu na ciemny

  1. /* ==UserStyle==
  2. @name sekurak.pl - ciemny wygląd
  3. @description Zmienia kolor portalu na ciemny
  4. @version 1.2.1
  5. @namespace https://greasyfork.org/pl/users/124677-pabli
  6. @author Pabli (https://github.com/pabli24)
  7. @license CC-BY-NC-4.0
  8. @homepageURL https://github.com/pabli24/Sekurak-Dark
  9. @supportURL https://github.com/pabli24/Sekurak-Dark/issues
  10. ==/UserStyle== */
  11.  
  12. @-moz-document domain("sekurak.pl") {
  13. :root {
  14. color-scheme: dark;
  15. }
  16. html, body, input, textarea, select, button {
  17. background-color: #0e0e0e !important;
  18. color: #eaeaea !important;
  19. }
  20. header#header {
  21. background-color: #0e0e0e !important;
  22. }
  23. header#header nav {
  24. background: #232323 !important;
  25. }
  26. a.text2link, header#header nav ul li a, .postTitle a, .meta a, .commentlist .comment-author a, #sidebar a {
  27. color: #b9b9b9 !important;
  28. }
  29. header#header nav ul li a {
  30. border-right: 2px solid #b9b9b9 !important;
  31. }
  32. header#header .nav-wrapper {
  33. background: none !important;
  34. }
  35. .text-adv {
  36. background: rgba(255, 0, 0, 0.05) !important;
  37. color: #fff !important;
  38. }
  39. .boxGreen {
  40. background-color: #080b02 !important;
  41. border: 1px solid #26360c !important;
  42. }
  43. .boxBlue {
  44. background-color: #0e161c !important;
  45. border: 1px solid #1b2e41 !important;
  46. }
  47. .boxRed {
  48. background-color: #240f06 !important;
  49. border: 1px solid #3d1401 !important;
  50. }
  51. .boxGrey {
  52. background: #222222 !important;
  53. border: 1px solid #454545 !important;
  54. }
  55. .widgetTitle {
  56. color: #d14448 !important;
  57. background: #232323 !important;
  58. padding: 10px !important;
  59. }
  60. .widget .textwidget {
  61. background-color: #131313 !important;
  62. padding: 10px !important;
  63. }
  64. .widget ul {
  65. background-color: #131313 !important;
  66. }
  67. .widget ul li {
  68. border-bottom: 1px solid #222 !important;
  69. padding: 10px !important;
  70. }
  71. hr {
  72. border-top: 1px solid #222 !important;
  73. }
  74. input, textarea, select {
  75. border: 1px solid #222 !important;
  76. padding: 4px !important;
  77. }
  78. input[type="submit"] {
  79. color: #fff !important;
  80. background: #444 !important;
  81. border: 1px solid #444 !important;
  82. padding: 4px 10px !important;
  83. }
  84. .entry h2 {
  85. border-bottom: 1px solid #242424 !important;
  86. }
  87. footer#footer {
  88. background: #000 !important;
  89. }
  90. #content #ppc-box .ppc-box .ppc h3 {
  91. background: #232323 !important;
  92. }
  93. #content #ppc-box .ppc-box .ppc {
  94. border: 1px solid #222 !important;
  95. background: #131313 !important;
  96. }
  97. #content #ppc-box .ppc-box .ppc ul li a {
  98. color: #ccc !important;
  99. }
  100. body .wp-pagenavi a {
  101. background: #151515 !important;
  102. }
  103. body .wp-pagenavi .current {
  104. background: #333 !important;
  105. }
  106. blockquote {
  107. background-color: #151515 !important;
  108. border: 1px solid #242424 !important;
  109. }
  110. .commentlist li {
  111. background: #111111 !important;
  112. }
  113. .commentlist .comment-body {
  114. background: #111 !important;
  115. border: 1px solid #111 !important;
  116. }
  117. .commentlist .byuser .comment-body {
  118. background: #0e0e0e !important;
  119. border: 1px solid #222 !important;
  120. }
  121. .commentlist .comment-author, a.text2link, header#header nav ul li a, .postTitle a, .meta a, .commentlist .comment-author a, #sidebar a {
  122. color: #fff !important;
  123. }
  124. .comment-reply-link {
  125. background: #202020 !important;
  126. color: #eaeaea !important;
  127. border: 1px solid #222 !important;
  128. }
  129. .comment-reply-link:hover {
  130. background: #353535 !important;
  131. }
  132. .meta {
  133. border-top: 1px solid #d14448 !important;
  134. }
  135. a, #sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4 {
  136. color: #d14448 !important;
  137. }
  138. a:hover {
  139. color: #fff !important;
  140. }
  141. .wp-caption {
  142. border: 1px solid #222 !important;
  143. background-color: #131313 !important;
  144. }
  145. .sekuraktable tbody tr:nth-child(odd) {
  146. background-color: #151515 !important;
  147. }
  148.  
  149. #s {
  150. color: #fff !important;
  151. border: none !important;
  152. }
  153. .searchBox {
  154. border: 1px solid #222 !important;
  155. background: #0e0e0e !important;
  156. }
  157. #searchsubmit {
  158. background: #444 url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNSIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBzdHlsZT0iZmlsbDojZmZmOyIgZD0iTTIzLjExMSAyMC4wNThsLTQuOTc3LTQuOTc3Yy45NjUtMS41MiAxLjUyMy0zLjMyMiAxLjUyMy01LjI1MSAwLTUuNDItNC40MDktOS44My05LjgyOS05LjgzLTUuNDIgMC05LjgyOCA0LjQxLTkuODI4IDkuODNzNC40MDggOS44MyA5LjgyOSA5LjgzYzEuODM0IDAgMy41NTItLjUwNSA1LjAyMi0xLjM4M2w1LjAyMSA1LjAyMWMyLjE0NCAyLjE0MSA1LjM4NC0xLjA5NiAzLjIzOS0zLjI0em0tMjAuMDY0LTEwLjIyOGMwLTMuNzM5IDMuMDQzLTYuNzgyIDYuNzgyLTYuNzgyczYuNzgyIDMuMDQyIDYuNzgyIDYuNzgyLTMuMDQzIDYuNzgyLTYuNzgyIDYuNzgyLTYuNzgyLTMuMDQzLTYuNzgyLTYuNzgyem0yLjAxLTEuNzY0YzEuOTg0LTQuNTk5IDguNjY0LTQuMDY2IDkuOTIyLjc0OS0yLjUzNC0yLjk3NC02Ljk5My0zLjI5NC05LjkyMi0uNzQ5eiIvPjwvc3ZnPg==") 7px 7px no-repeat !important;
  159. width: 40px !important;
  160. }
  161. #header .searchBox::after {
  162. content: '';
  163. background: none;
  164. position: absolute;
  165. bottom: -11px;
  166. width: 0;
  167. height: 0;
  168. border-style: solid;
  169. border-width: 0 30px 10px 0;
  170. border-color: transparent #444 transparent transparent;
  171. }
  172.  
  173. [src*="https://www.facebook.com/plugins/like.php?action=like"] {
  174. filter: invert(1) hue-rotate(170deg);
  175. }
  176.  
  177. .spinner {
  178. background-color: #fff !important;
  179. }
  180. .switch-theme .label .ball {
  181. background-color: #555 !important;
  182. }
  183. .switch-theme .label {
  184. background-color: #000 !important;
  185. }
  186. .switch-theme svg {
  187. fill: #000;
  188. }
  189. .callout-box {
  190. background-color: #1a0d0d !important;
  191. border: 1px solid #d4474c !important;
  192. box-shadow: 0 4px 30px rgba(0, 0, 0, .6) !important;
  193. }
  194.  
  195. /* quiz.sekurak.pl */
  196. :root {
  197. --bs-body-bg: #0e0e0e;
  198. }
  199. .boxes-container, .box-pytania-i-odpowiedzi {
  200. border: 1px solid #0e0e0e;
  201. background: rgba(255, 255, 255, .01);
  202. }
  203.  
  204. }
  205. @-moz-document domain("sklep.sekurak.pl") {
  206.  
  207. a, h1, h2, h3, h4, .b-box .price {
  208. color: #d14448;
  209. }
  210. .breadcrumb {
  211. background-color: #232323;
  212. }
  213. .breadcrumb-item.active, .form-header, .b-box .title {
  214. color: #fff;
  215. }
  216. .b-box {
  217. background-color: #131313;
  218. }
  219. .form-control, .form-control:focus {
  220. background-color: #0e0e0e;
  221. border: 1px solid #222;
  222. color: #fff;
  223. }
  224. .card, .list-group-item {
  225. background-color: #0e0e0e;
  226. border: none;
  227. }
  228.  
  229. }