☰

XDA-Developers Dark Theme

Dark theme for https://www.xda-developers.com

目前为 2020-07-13 提交的版本，查看 最新版本。

  1. /* ==UserStyle==
  2. @name XDA-Developers Dark Theme
  3. @description Dark theme for https://www.xda-developers.com
  4. @version 1.0.0
  5. @namespace https://greasyfork.org/pl/users/124677-pabli
  6. @author pabli
  7. @license CC-BY-NC-4.0
  8. @homepageURL https://greasyfork.org/en/scripts/394908-xda-developers-dark-theme
  9. @supportURL https://greasyfork.org/en/scripts/394908-xda-developers-dark-theme/feedback
  10. @preprocessor uso
  11. @advanced color bg "Background" #111111
  12. @advanced color txt "Text" #EFEFEF
  13. @advanced color topb "Background Topbar" #0D0D0D
  14. @advanced color tagb "Background Tagbar" #222222
  15. @advanced color tagbt "Text Tagbar" #DDDDDD
  16. @advanced color b "Border" #FFBE3C
  17. @advanced dropdown forum "Dark Topbar on forum" {
  18. 	forum1 "yes" <<<EOT
  19. @-moz-document domain("forum.xda-developers.com") {
  20. .topbar {
  21. 	background-color: /*[[topb]]*\/;
  22. }
  23. .tagbar {
  24. 	background-color: /*[[tagb]]*\/;
  25. }
  26. .tagbar a, .topbar .tagbar a {
  27. 	color: /*[[tagbt]]*\/;
  28. }
  29. .below-nav-ad {
  30. 	display: none;
  31. }
  32. } EOT;
  33. 	forum2 "no" <<<EOT
  34.  EOT;
  35. }
  36. @advanced color sbc "Scrollbar" #888888
  37. @advanced color sbb "Scrollbar border (chrome only)" #000000
  38. ==/UserStyle== */
  39.  
  40. @-moz-document domain("www.xda-developers.com") {
  41. body {
  42. 	background: /*[[bg]]*/!important;
  43. 	color: /*[[txt]]*/;
  44. }
  45. body::-webkit-scrollbar-thumb {
  46. 	background-color: /*[[sbc]]*/;
  47. 	border: 1px solid /*[[sbb]]*/;
  48. }
  49. html {
  50.     scrollbar-color: /*[[sbc]]*/ /*[[bg]]*/!important;
  51.     scrollbar-width: thin;
  52. }
  53. .topbar {
  54. 	background-color: /*[[topb]]*/;
  55. }
  56. .tagbar {
  57. 	background-color: /*[[tagb]]*/;
  58. }
  59. .tagbar a, .topbar .tagbar a {
  60. 	color: /*[[tagbt]]*/;
  61. }
  62. .below-nav-ad {
  63. 	display: none;
  64. }
  65. h1, h2, h3, h4, h5, h6, blockquote p, strong, a, b, ul, ol, .quote,
  66. .entry_content>h1:not(.page_title):not(.entry-title):not(.entry_title), .entry_content>h2, .entry_content>h3, .entry_content>h4, .entry_content>h5, .entry_content>h6, .entry_content>.row>.col>h1:not(.page_title):not(.entry-title):not(.entry_title), .entry_content>.row>.col>h2, .entry_content>.row>.col>h3, .entry_content>.row>.col>h4, .entry_content>.row>.col>h5, .entry_content>.row>.col>h6, body.tag,
  67. div.wpappbox, .widget .widget_item .widget_item_content h4 a, .widget a.xda-more-link {
  68. 	color: /*[[txt]]*/;
  69. }
  70. .item_meta span.meta_author a, .item_meta span.meta_author a .fa, .item_meta span.meta_comments a, .item_meta span.meta_external_link a {
  71. 	color: /*[[txt]]*/!important;
  72. }
  73. .panel_title div h4 {
  74. 	background-color: /*[[bg]]*/!important;
  75. }
  76. .widget .widget_title h3 {
  77. 	background-color: /*[[bg]]*/!important;
  78. 	height: 16px;
  79. }
  80. .item_meta {
  81. 	color: /*[[txt]]*/;
  82. }
  83. .full_meta {
  84. 	background-color: #222;
  85. }
  86. .panel_title div, .widget .widget_title {
  87. 	border-bottom: 2px solid /*[[b]]*/;
  88. }
  89. #footer {
  90. 	background-color: #000!important;
  91. 	color: #CACACA!important;
  92. 	position: absolute!important;
  93. }
  94. #footer-copyright {
  95. 	color: #CACACA!important;
  96. }
  97. .tb_widget_posts_big .item {
  98. 	border-bottom: 1px solid #242424!important;
  99. }
  100. .tb_widget_recent_list .item {
  101. 	border-bottom: 1px solid #242424!important;
  102. }
  103. .et_monarch .et_social_inline_bottom {
  104. 	border-top: 1px solid #242424!important;
  105. 	border-bottom: 1px solid #242424!important;
  106. }
  107. hr {
  108. 	border-top: 1px solid #242424!important;
  109. }
  110. .xda-discuss {
  111. 	border: 1px solid #242424!important;
  112. }
  113. .widget .widget_news_content .widget_item {
  114. 	border-bottom: 1px solid #242424;
  115. }
  116. .tb_widget_most_liked .item, .tb_widget_top_rated .item, .tb_widget_latest_reviews .item {
  117. 	background-color: #171717;
  118. }
  119. .tb_widget_most_liked .item:hover, .tb_widget_latest_reviews .item:hover, .tb_widget_top_rated .item:hover {
  120. 	background-color: #202020;
  121. }
  122. body > section > div > div > div.col.col_3_of_12.sidebar > div > div.hosted_by > a > img {
  123. 	box-shadow: 1px 1px 5px #000000!important;
  124. }
  125. .page-numbers .pagenav-curpage,
  126. ul.page-numbers li span.current {
  127. 	line-height: 25px;
  128. 	padding: 0px;
  129. 	text-align: center;
  130. 	color: #fff;
  131. 	border: none;
  132. 	font-weight: bold;
  133. }
  134. ul.page-numbers li a {
  135. 	background-color: #555;
  136. }
  137. ul.page-numbers li a:hover {
  138. 	background-color: #6f2121;
  139. 	color: #fff;
  140. }
  141. article.post .entry_tags a {
  142. 	background: #3E3E3E!important;
  143. }
  144. article.post .entry_tags a:before {
  145. 	border-right-color: #3E3E3E!important;
  146. }
  147. pre .tag, code .tag {
  148. 	color: #25CCFF;
  149. }
  150. pre .atv, code .atv {
  151. 	color: #5BFF27;
  152. }
  153. pre .pln, code .pln{
  154. 	color: #bbbbbb;
  155. }
  156. pre .typ, code .typ, pre .atn, code .atn {
  157. 	color: #ff72ff;
  158. }
  159. pre .pun, code .pun, pre .opn, code .opn, pre .clo, code .clo {
  160. 	color: #ffff81;
  161. }
  162. pre .kwd, code .kwd {
  163. 	color: #7070ff;
  164. }
  165. pre .lit, code .lit {
  166. 	color: #5ff;
  167. }
  168. pre .com, code .com {
  169. 	color: #ff7575;
  170. }
  171. pre {
  172. 	background-color: #131313;
  173. 	border: 1px solid #242424;
  174. }
  175. .literal, .literal-block {
  176. 	border: 1px dotted #2a2a2a;
  177. 	background-color: #202020;
  178. }
  179. pre.code.literal-block, .quote {
  180. 	border: 1px dotted #2a2a2a;
  181. 	background-color: #202020;
  182. }
  183. .wp-caption {
  184. 	border: 1px solid #000!important;
  185. 	background: #212121!important;
  186. }
  187. .wp-caption-text {
  188. 	color: #E9E9E9!important;
  189. }
  190. #gallery-2 img {
  191. 	border: 2px solid #242424;
  192. }
  193. .alert_message.yellow {
  194. 	background-color: #312800!important;
  195. 	color: #ded4c9!important;
  196. }
  197. .alert_message.yellow > p > span {
  198. 	color: #ded4c9!important;
  199. }
  200. .alert_message.red {
  201. 	background-color: #271716;
  202. 	border: 1px solid #6d403c;
  203. 	color: #ffedea;
  204. }
  205. .alert_message.green {
  206. 	background-color: #19210b;
  207. 	border: 1px solid #2b3a13;
  208. 	color: #ddd;
  209. }
  210. .alert_message.grey {
  211. 	border: 1px solid #292929;
  212. 	background-color: #191919;
  213. }
  214. .accordion_content .accordion_content_title {
  215. 	background-color: #252525;
  216. }
  217. .accordion_content .accordion_content_title:after {
  218. 	background-color: #2f2f2f;
  219. }
  220. .timeline-Widget, .timeline-ShowMoreButton {
  221. 	background-color: #353535!important;
  222. }
  223. body > section > div > div > div.col.main-content.col_9_of_12 > article > div.shortcode-content > div.entry_content {
  224. 	color: /*[[txt]]*/!Important;
  225. }
  226. .thumb_meta span.comments {
  227. 	background-color: rgba(68, 68, 68, 0.90);
  228. }
  229. .thumb_meta span.comments a {
  230. 	color: #fff;
  231. }
  232. div.stackcommerce-widget.scw-horizontal.col4 > div > div {
  233. 	background: #3e3e3e!important;
  234. }
  235. div.stackcommerce-widget.scw-horizontal.col4 > div > div > div.scw-title > a {
  236. 	color: #fff!important;
  237. }
  238. .ui-tabs-nav li a {
  239. 	background-color: #2b2b2b;
  240. }
  241. .tab_content .ui-tabs-nav li.ui-tabs-active a {
  242. 	background-color: #484848;
  243. }
  244. table {
  245. 	border-left: 1px solid #333;
  246. 	border-top: 1px solid #333;
  247. 	background-color: #131313;
  248. }
  249. table th, table td {
  250. 	border-right: 1px solid #333;
  251. 	border-bottom: 1px solid #333;
  252. }
  253. .table_black tr:nth-child(odd),
  254. .table_green tr:nth-child(odd) {
  255. 	background-color: rgba(255, 255, 255, 0);
  256. }
  257. .table_black tr:nth-child(even),
  258. .table_green tr:nth-child(even) {
  259. 	background-color: rgba(255, 255, 255, 0.02);
  260. }
  261. .table_green thead tr th:nth-child(odd) {
  262. 	background-color: #2b3a0a;
  263. }
  264. .table_green thead tr th:nth-child(even) {
  265. 	background-color: #374a0f;
  266. }
  267. .table_orange, .table_orange th, .table_orange td {
  268.     background-color: #343434!important;
  269. }
  270. .table_orange thead tr th:nth-child(even) {
  271.     background-color: #565656!important;
  272. }
  273. .table_orange thead tr th:nth-child(odd) {
  274.     background-color: #636363!important;
  275. }
  276. .newsletters .table-striped > tbody > tr:nth-of-type(odd) {
  277. 	background-color: #0e0e0e;
  278. }
  279. .newsletters .table-hover > tbody > tr:hover {
  280. 	background-color: rgba(255, 255, 255, 0.05);
  281. }
  282. .newsletters .table thead th {
  283. 	border-bottom: 2px solid #333333;
  284. }
  285. .newsletters .table th, .newsletters .table td {
  286. 	border-top: 1px solid #333333;
  287. }
  288. [style*="color: #000000"] {
  289. 	color: #fff!important;
  290. }
  291. .gallery-icon > a > img {
  292. 	border: 2px solid rgba(0, 0, 0, 0.4)!important;
  293. }
  294. div.wpappbox {
  295. 	background-color: #111;
  296. 	border: 1px solid #252525;
  297. }
  298. div.wpappbox div.appicon {
  299. 	background: #131313;
  300. 	border-right: 1px solid #252525;
  301. }
  302. div.wpappbox div.applinks, div.wpappbox.compact a.applinks {
  303. 	background-color: #131313!important;
  304. 	border-left: 1px solid #151515;
  305. }
  306. div.wpappbox div.appbuttons a, div.wpappbox div.appbuttons span, div.wpappbox.error div.buttons a {
  307. 	background: #181818;
  308. 	color: #dddddd;
  309. }
  310. div.wpappbox div.stars-monochrome {
  311. 	filter: invert(1) brightness(150%);
  312. }
  313. select, .newsletters .form-control {
  314. 	background-color: #252525;
  315. 	border: 1px solid #333;
  316. 	color: #fff;
  317. }
  318. #newsletters-1-form .form-control {
  319. 	background-color: #252525;
  320. 	color: #fff;
  321. }
  322. .purchad {
  323. 	background-color: rgba(0, 0, 0, 0.8)!important;	
  324. }
  325.  
  326. .scw-item .scw-price {
  327. 	z-index: 10;
  328. }
  329. }
  330. @-moz-document url-prefix("https://disqus.com/embed/comments/?base=default&f=xdaportal") {
  331. .post-votes .post-votes__separator {
  332. 	border-right: 2px solid #1d1d1d;
  333. }
  334. .post-content .post-menu .dropdown-toggle {
  335. 	border-color: #1d1d1d;
  336. }
  337. }
  338.  /*[[forum]]*/