☰

Greasy Fork is available in English.

ShadeRoot StackOverflow

Eye-friendly magic in your browser for StackOverflow

  1. //
  2. // Written by Glenn Wiking
  3. // Script Version: 0.0.1a
  4. // Date of issue: 09/17/17
  5. // Date of resolution: 09/17/17
  6. //
  7. // ==UserScript==
  8. // @name        ShadeRoot StackOverflow
  9. // @namespace   SRSO
  10. // @description Eye-friendly magic in your browser for StackOverflow
  11. // @version     0.0.1a
  12. // @icon        https://i.imgur.com/UppYNjW.png
  13.  
  14. // @include        http://*stackoverflow.*
  15. // @include        https://*stackoverflow.*
  16. // @include        http://*stackexchange.*
  17. // @include        https://*stackexchange.*
  18. // @include        http://*superuser.*
  19. // @include        https://*superuser.*
  20. // @include        http://*stackoverflowbusiness.*
  21. // @include        https://*stackoverflowbusiness.*
  22. // @include        http://*mathoverflow.*
  23. // @include        https://*mathoverflow.*
  24. // @include        http://*askubuntu.*
  25. // @include        https://*askubuntu.*
  26. // @include        http://*serverfault.*
  27. // @include        https://*serverfault.*
  28. // @include        http://*stackapps.*
  29. // @include        https://*stackapps.*
  30.  
  31. // ==/UserScript==
  32.  
  33. function ShadeRootSO(css) {
  34.     var head, style;
  35.     head = document.getElementsByTagName('head')[0];
  36.     if (!head) { return; }
  37.     style = document.createElement('style');
  38.     style.type = 'text/css';
  39.     style.innerHTML = css;
  40.     head.appendChild(style);
  41. }
  42.  
  43. ShadeRootSO(
  44. 	// BG 1
  45. 	'html, .container, body, #content {background: #1d1b19 !important;}'
  46. 	+
  47. 	'.s-footer {background-color: #181716 !important; background-image: none !important;}'
  48. 	+
  49. 	// TEXT 1
  50. 	'body, .label-key b, .label-key strong, h1, h2, h3, h4, h5, h6, strong, small, pre, code, select, option, li, .nav a, .number, .badge1-alternate .-total, .badge2-alternate .-total, .badge3-alternate .-total, .badge-how-to .-total, .subtabs a.youarehere, .filter a.youarehere, .subtabs a.active, .filter a.active, .subtabs a:hover, .filter a:hover, .reputation-score, .badgecount, .-number, .-subtitle, .g-col, .ai-center, .name, .votes-cast-stats th, .desc, .answer-votes, .room-tab-description, .user-tab-description, .room-description, #transcript-body .signature, #conversation-body .signature, .msplab, #copyright, .msg-small {color: #bcb8b0 !important;}'
  51. 	+
  52. 	'.user-show-new #user-tab-answers .answer-votes, .user-show-new .post-container .vote, .user-show-new .user-panel .mini-counts, .user-show-new .user-rep .rep-amount .rep-down, .user-show-new .user-rep .rep-amount .rep-up {color: #f6ecce !important; border: 1px solid #474747 !important;}'
  53. 	+
  54. 	// TEXT 2
  55. 	'p, .stats-row, .stats-row a, .stats-row a:visited, .item-multiplier-count, .summarycount, .al, b {color: #908F89 !important;}'
  56. 	+
  57. 	'.question-hyperlink, .answer-hyperlink, .excerpt, .user-card-name, .signature, .flair {color: #aea691 !important;}'
  58. 	+
  59. 	// LINK 1
  60. 	'.question-hyperlink:hover, .answer-hyperlink:hover, .question-hyperlink:active, .answer-hyperlink:active, .-link {color: #e3e0d0 !important;}'
  61. 	+
  62. 	'.wmd-button-bar {border: 1px solid #605d4e !important;}'
  63. 	+
  64. 	'input[type="text"], input[type="password"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="datetime"], input[type="datetime-local"], input[type="date"], textarea, select {color: #e4dfd4 !important; background: #171614 !important; border: 1px solid #5f5a4c !important;}'
  65. 	+
  66. 	'blockquote {background-color: #383735 !important;}'
  67. 	+
  68. 	'.owner {background-image: none !important; background-color: #302e29 !important; border: 1px dotted #68655f !important;}'
  69. 	+
  70. 	'.post-tag, .geo-tag, .container .chosen-choices .search-choice, .container .chosen-container-multi .chosen-choices li.search-choice {color: #95B7C3 !important; background-color: #393530 !important;}'
  71. 	+
  72. 	'.post-tag:hover, .meta {color: #a2c4d1 !important; background-color: #1b1917 !important;}'
  73. 	+
  74. 	'.wmd-preview, .topbar-dialog, .usercard-xxl, .roomcard-xxl {border-color: #5e6266 !important;}'
  75. 	+
  76. 	'.show-votes .sidebar-linked .spacer > a:first-child .answer-votes.answered-accepted, .show-votes .sidebar-related .spacer > a:first-child .answer-votes.answered-accepted, .user-show-new #user-tab-answers .answer-votes.accepted, .user-show-new .post-container .vote.accepted, .user-show-new .user-panel .mini-counts.accepted, .user-show-new .user-rep .rep-amount .rep-down.accepted, .user-show-new .user-rep .rep-amount .rep-up.accepted, .user-show-new #user-tab-answers .answer-votes.answered-accepted, .user-show-new .post-container .vote.answered-accepted, .user-show-new .user-panel .mini-counts.answered-accepted, .user-show-new .user-rep .rep-amount .rep-down.answered-accepted, .user-show-new .user-rep .rep-amount .rep-up.answered-accepted, .user-show-new #user-tab-answers .answer-votes.special-rep, .user-show-new .post-container .vote.special-rep, .user-show-new .user-panel .mini-counts.special-rep, .user-show-new .user-rep .rep-amount .rep-down.special-rep, .user-show-new .user-rep .rep-amount .rep-up.special-rep {color: #bee78c !important; background-color: #36560e !important;}'
  77. 	+
  78. 	'.answered-accepted {border: 1px solid #5e9637 !important;}'
  79. 	+
  80. 	'.user-details a, .badge, li a, h1 a {color: #2f93f5 !important;}'
  81. 	+
  82. 	'.show-votes .sidebar-linked .spacer > a:first-child .answer-votes, .show-votes .sidebar-related .spacer > a:first-child .answer-votes {background-color: #525457 !important; color: #d3dae1 !important;}'
  83. 	+
  84. 	'.favicon, img, svg, img[title="subscribe.svg"] {opacity: .9; filter: brightness(.92) !important;}'
  85. 	+
  86. 	'.nav li.youarehere a, .nav a:hover {color: #9c2424 !important;}'
  87. 	+
  88. 	'.tag-cell, .rep-table-row > td, .room-header, .user-header, .question-summary, #question-header {border-bottom: 1px dotted #57564F !important;}'
  89. 	+
  90. 	'.page-numbers {border: 1px solid #605f53 !important;}'
  91. 	+
  92. 	'.page-numbers:hover {color: #D8D3C1 !important; background-color: #555f65 !important;}'
  93. 	+
  94. 	'.incomplete {color: #C8D4E1 !important; background: #36302c !important; border: 1px solid #7b490d !important;}'
  95. 	+
  96. 	'.user-card-name {background: #808080 !important; border-top: 1px dotted #3f3f3f !important; border-bottom: 1px dotted #3f3f3f !important;}'
  97. 	+
  98. 	'.avatar-card {border: 1px solid #63615a !important; box-shadow: inset 0 130px 0 #212121 !important;}'
  99. 	+
  100. 	'.badge3-alternate, .-badge {background-color: #302c29; border-color: #786c60;}'
  101. 	+
  102. 	'.roomcard, .usercard, .frozen-room, .room-mini {background-color: #1a1716 !important; border-color: #544c44 !important; box-shadow: 0px 1px 3px #17140d !important;}'
  103. 	+
  104. 	'.rep-and-badges::before {background: linear-gradient(270deg, #3B3B3B, rgba(47, 47, 47, 0)) !important;}'
  105. 	+
  106. 	'.rep-and-badges {background-color: #3e3b3b !important;}'
  107. 	+ 
  108. 	'.badgecount {padding-right: .2em !important;}'
  109. 	+
  110. 	'.-card {background-color: #383838 !important; border: 1px solid #57564e !important;}'
  111. 	+
  112. 	'.subheader, .question-summary, .answer, .comment > td, .title-section {border-bottom: 1px solid #575650 !important;}'
  113. 	+
  114. 	'.-values .-item {color: #3C3A34 !important; font-size: .9em !important;}'
  115. 	+
  116. 	'.-label {color: #413F3C !important;}'
  117. 	+
  118. 	'.history-table > tbody > tr, .comments, #add-login-page .or-hr, #login-page .or-hr, #signup-page .or-hrn, .b2b-footer, .listResults, .badge-hierarchy, .single-badge-row-question {border-top: 1px solid #505050 !important;}'
  119. 	+
  120. 	'.badge1-alternate, .badge2-alternate, .badge-how-to {background-color: #33322e !important; border-color: #7b7668 !important;}'
  121. 	+
  122. 	'.badge-tag {color: #8696a5 !important; background-color: #181a1b !important; border-color: #514f49 !important;}'
  123. 	+
  124. 	'.-progress .-label {color: #DED6CB !important;}'
  125. 	+
  126. 	'.answered-accepted {background-color: #222913 !important;}'
  127. 	+
  128. 	'.answer-summary {border-bottom: 1px solid #47484a !important;}'
  129. 	+
  130. 	'.user-show-new .user-rep-chart-summary .user-rep-chart-summary-tooltip:hover {background-color: #525559 !important;}'
  131. 	+
  132. 	'.user-rep-chart-summary-bar {background-color: #2f7747 !important;}'
  133. 	+
  134. 	'.user-rep-chart-summary, #top-section {border-bottom: 1px solid #363a3e !important;}'
  135. 	+
  136. 	'.newuser {background-color: #2D2C27 !important;}'
  137. 	+
  138. 	'.grippie {border: 1px solid #3f3f3f !important; background-color: #3f3f3f !important;}'
  139. 	+
  140. 	'.mdhelp {background-color: #35322e !important;}'
  141. 	+
  142. 	'.mdhelp-tabs {background-color: #2d2a23 !important;}'
  143. 	+
  144. 	'.tag-editor {border: 1px solid #272a2d !important; background-color: #383535 !important;}'
  145. 	+
  146. 	'.wmd-help-button.active-help {background-color: #1d1b19 !important;}'
  147. 	+
  148. 	'pre, code, .spaces {background-color: #2e2f30 !important;}'
  149. 	+
  150. 	'.hi {background-color: #1d1c19 !important;}'
  151. 	+
  152. 	'kbd {color: #dad6bc !important; text-shadow: 0 1px 0 #302F2E !important; background-color: #27292a !important; border: 1px solid #212c38 !important; box-shadow: 0 1px 0 rgba(12,13,14,0.2),0 0 0 2px #68211C inset !important;}'
  153. 	+
  154. 	'.expanded {background: #26292a !important;}'
  155. 	+
  156. 	'.col-section {border: solid 1px #4E4B45 !important;}'
  157. 	+
  158. 	'.preferred-login, .new-login-right .form-item {background: #353131 !important; border: 1px solid #534e4e !important; box-shadow: -1px 1px #0b2024 !important; color: #c0cfdd !important;}'
  159. 	+
  160. 	'.topbar .topbar-icon-on, .topbar .topbar-icon-on:hover {background-color: #4a5460 !important;}'
  161. 	+
  162. 	'.topbar .icon-help.topbar-icon-on {color: rgba(198, 219, 240, 1) !important;}'
  163. 	+
  164. 	'.topbar-dialog {color: #bdcad7 !important; background-color: #424344 !important; box-shadow: 0 2px 2px rgba(12,13,14,0.2) !important;}'
  165. 	+
  166. 	'.item-summary {color: #c8d3de !important;}'
  167. 	+
  168. 	'.topbar-dialog a {color: #2d9ae9 !important;}'
  169. 	+
  170. 	'.modal-content li {border-bottom: 1px solid #6e859c !important;}'
  171. 	+
  172. 	'.modal-content li:hover {background-color: #1e262a !important;}'
  173. 	+
  174. 	'.new-about-content-page h2.about-title {text-shadow: 0 1px 0 #112F42 !important; background: #858a8d !important;}'
  175. 	+
  176. 	'.new-about-content-page hr {background-color: #393a3b !important; box-shadow: 0 1px #383535 !important;}'
  177. 	+
  178. 	'.about-page .new-about-content-page .content-block, .about-page .new-about-content-page .qa-block {background: #30302E !important; border: 1px solid #504c3f !important;}'
  179. 	+
  180. 	'.user-info-rep {background: #393834 !important; border: 1px solid #514f45 !important;}'
  181. 	+
  182. 	'.user-details, #sidebar, .ob-post-title a {color: #bfd1e3 !important;}'
  183. 	+
  184. 	'.header {background-color: #2a2d30 !important;}'
  185. 	+
  186. 	'.siteSwitcher-dialog .current-site li {background: #373a3c !important;}'
  187. 	+
  188. 	'#footer {background: #232526 !important;}'
  189. 	+
  190. 	'.outside #container {background: #33322f !important;}'
  191. 	+
  192. 	'.nav li {background: #262222 !important;}'
  193. 	+
  194. 	'.subtabs a {border: 1px solid #726e66 !important;}'
  195. 	+
  196. 	'.subheader #tabs a.youarehere {background: #24211e !important; border-bottom-color: #3b3329 !important; color: #cfcdbd !important;}'
  197. 	+
  198. 	'.messages {background-color: #442e1e !important; color: #dad7c9 !important;}'
  199. 	+
  200. 	'.timestamp, .ob-wikipedia, .ob-amazon, .ob-gist, .ob-message, .ob-lpadbug, .ob-manpage, .ob-blog, .ob-exception, .ob-anime, .ob-github, .ob-post-tag, .tag {background-color: #2a2825 !important; color: #dddacf !important;}'
  201. 	+
  202. 	'.system-message {text-shadow: 1px 1px 1px #e6dfc2, -1px 1px 1px #e6dfc2, 1px -1px 1px #e6dfc2, -1px -1px 1px #e6dfc2;;}'
  203. 	+
  204. 	'#loading {background: rgba(26, 29, 30, 0.9) !important;}'
  205. 	+
  206. 	'#loading-message {background-color: #292824 !important; box-shadow: 0 1px 15px #0f0f0c !important;}'
  207. 	+
  208. 	'#input-area {background: #2a2925 !important;}'
  209. 	+
  210. 	'#starred-posts > div > ul > li {border-bottom: 1px dotted #5a5757 !important;}'
  211. 	+
  212. 	'.popup, #main.message-admin-mode .message-controls, #conversation-sel {border: 1px solid #3f3e39 !important; background: rgb(36, 35, 32) !important; box-shadow: 0 1px 15px #1a1917 !important;}'
  213. 	+
  214. 	'.ob-post {background-color: #292222 !important; color: #e4e0d4 !important;}'
  215. 	+
  216. 	'.ob-post-votes {background-color: #1b1813 !important; color: #dbd6c6 !important;}'
  217. 	+
  218. 	'#sidebar-menu, #present-users, ul#my-rooms {border-bottom: 1px dotted #62605b !important;}'
  219. 	+
  220. 	'div.message.reply-parent, div.message.reply-child {background-color: #29261b !important;}'
  221. 	+
  222. 	'.notification, #feed-ticker {background: rgb(39, 33, 33) !important; box-shadow: 0 1px 10px #1a1515 !important;}'
  223. 	+
  224. 	'.subheader #tabs a, .subheader #tabs .disabled {border: 1px solid #564e45 !important; color: #cbc6ba !important;}'
  225. 	+
  226. 	'.subheader #tabs a:hover {background: #625544 !important;}'
  227. 	+
  228. 	'.messages .content {color: #D4D1C0 !important;}'
  229. 	+
  230. 	'.ob-post-title a {color: #ccc6ba !important;}'
  231. 	+
  232. 	'.last-dates, .usercard-xxl, .roomcard-xxl {color: #BD3B2C !important;}'
  233. 	+
  234. 	'#roomtitle {text-shadow: 0px 1px 0px #412f10 !important;}'
  235. 	+
  236. 	'.so-header {background-color: #3b3938 !important;}'
  237. 	+
  238. 	'.-link {color: #e3ddd0 !important;}'
  239. 	+
  240. 	'.so-header .navigation .-link:hover, .so-header .navigation .-link:focus {background-color: #4e4c45 !important;}'
  241. 	+
  242. 	'.f-input, textarea.f-input, input.f-input[type="text"], input.f-input[type="password"], input.f-input[type="number"], input.f-input[type="email"], input.f-input[type="url"], input.f-input[type="search"], input.f-input[type="tel"], input.f-input[type="datetime"] {border: 1px solid #5d6165 !important; background-color: #212629 !important;}'
  243. 	+
  244. 	'.f-input:focus, textarea.f-input:focus, input.f-input[type="text"]:focus, input.f-input[type="password"]:focus, input.f-input[type="number"]:focus, input.f-input[type="email"]:focus, input.f-input[type="url"]:focus, input.f-input[type="search"]:focus, input.f-input[type="tel"]:focus, input.f-input[type="datetime"]:focus {box-shadow: inset 0 0 4px #14171a,0 0 5px rgb(20, 31, 39) !important; color: #D7D2C0 !important;}'
  245. 	+
  246. 	'.-fill {color: #c5cdd4 !important; background-color: #3f3f3f !important;}'
  247. 	+
  248. 	'.so-header .secondary-nav .-item._active, .so-header .secondary-nav .-item .-link.topbar-icon-on, .so-header .secondary-nav .-item .-link:hover {color: #bcd0e4 !important; background-color: #26292d !important;}'
  249. 	+
  250. 	'.s-hero {color: #D7D4CE !important; background-color: #06264b !important; background-image: linear-gradient(to right, #113671 0, #062F50 100%) !important;}'
  251. 	+
  252. 	'#tabs a, .tabs a, .newnav .tabs-list-container .tabs-list .intellitab a {background-color: #1D1811 !important;}'
  253. 	+
  254. 	'._darken {background-image: linear-gradient(to right, #072759 0, #05253f 100%) !important;}'
  255. 	+
  256. 	'.usercard-xxl, .roomcard-xxl {background: #171511 !important; box-shadow: 0px 1px 3px #181414 !important;}'
  257. 	+
  258. 	'.activity-stats .button {border: 1px solid #c47b07 !important; background-color: #874d08 !important; background: -webkit-gradient(linear,left top,left bottom,from(#fba00c),to(#f67c16)) !important; background: -moz-linear-gradient(top,#a26706,#753806) !important;}'
  259. 	+
  260. 	'input.btn-outlined.white[type="submit"], input.btn-outlined.white[type="button"], button.btn-outlined.white, .btn-outlined.white, input.btn-outlined.-white[type="submit"], input.btn-outlined.-white[type="button"], button.btn-outlined.-white, .btn-outlined.-white {color: #D8D3C4 !important; border-color: #7E776D !important;}'
  261. 	+
  262. 	'.question-page .container, .user-page .container {box-shadow: #27292A 0 120px 0 inset !important;}'
  263. 	+
  264. 	'.s-footer .-title a {color: #c9d9e4 !important;}'
  265. 	+
  266. 	'#hlogo a, .s-footer .-title a:hover {color: #D5E8ED !important;}'
  267. 	+
  268. 	'#hmenus .nav li {background: none !important;}'
  269. 	+
  270. 	'.envelope-on, .envelope-off, .vote-up-off, .vote-up-on, .vote-down-off, .vote-down-on, .star-on, .star-off, .comment-up-off, .comment-up-on, .comment-flag, .comment-flag-off, .comment-flag-on, .edited-yes, .feed-icon, .vote-accepted-off, .vote-accepted-on, .vote-accepted-bounty, .badge-earned-check, .delete-tag, .grippie, .expander-arrow-hide, .expander-arrow-show, .expander-arrow-small-hide, .expander-arrow-small-show, .anonymous-gravatar, .badge1, .badge2, .badge3 {filter: brightness(.8) !important;}'
  271. 	+
  272. 	'.post-tag {border-color: #616365 !important;}'
  273. 	+
  274. 	'.post-tag, .faviconBox {border-color: #156f90 !important;}'
  275. 	+
  276. 	'.search-container input[type="text"] {box-shadow: inset 0 1px 2px #1a232c,0 0 0 #0E354B !important;}'
  277. 	+
  278. 	'.answer blockquote {border-left: 2px solid #93812e !important;}'
  279. 	+
  280. 	'.post-text hr, .wmd-preview hr {background-color: #3d4145 !important;}'
  281. 	+
  282. 	'.bottom-notice {background-color: #2C2B29 !important; border: 1px solid #44423c !important;}'
  283. 	+
  284. 	'.badges-wrapper {border-right: 1px solid #3E4042 !important;}'
  285. 	+
  286. 	'.askquestion ul li a, .askquestion ul li.youarehere a {background-color: #45433d !important; text-shadow: 0 1px 0 rgb(41, 35, 35) !important;}'
  287. 	+
  288. 	'.welovestackoverflow, .hero-box {border: 2px solid #4d5156 !important;}'
  289. 	+
  290. 	'.community-bulletin, .user-about-me {background-color: #33322E !important; border: 1px solid #5C5A4B !important;}'
  291. 	+
  292. 	'.s-footer, .placeholder, .salary-changelog {border-top: 1px solid #302E2E !important;}'
  293. 	+
  294. 	'.-tag-group, .dateNavBox {background-color: #141312 !important;}'
  295. 	+
  296. 	'.reputation, .top-answer-container {color: #d7d6c1 !important;}'
  297. 	+
  298. 	'.post-container, .top-question-container, .top-answer-container, .post-container {border-bottom: 1px solid #373a3c !important;}'
  299. 	+
  300. 	'.user-page h1 a, .user-page .subheader a {color: #cdd9e4 !important;}'
  301. 	+
  302. 	'#content {border-top: 1px solid #4b4b49 !important;}'
  303. 	+
  304. 	'.navMain li a, .heading, .module h3, .subheader h1, .top-question-score-number, .top-answer-score {color: #ccd9f2 !important;}'
  305. 	+
  306. 	'.navMain li a:hover, .top-question-site-link a, .top-answer-site-link a {color: #366FB3 !important;}'
  307. 	+
  308. 	'.league-container {border-bottom: 1px solid #474643 !important; box-shadow: 0 1px 0 #45443c !important;}'
  309. 	+
  310. 	'.newuser, .dateNavBox {border: 1px solid #48473E !important; box-shadow: 0 1px 1px rgba(0,0,0,0.1),0 1px 0 #4b4a46 inset !important;}'
  311. 	+
  312. 	'.sidebar-stats td, .sidebar-stats th {border-bottom: 1px solid #4A4947; border-right: 1px solid #42413E;}'
  313. 	+
  314. 	'.module, .tabs a, .salary-value {color: #dbdad3 !important;}'
  315. 	+
  316. 	'.col-content .-label {color: #2096CE !important;}'
  317. 	+
  318. 	'.top-bar {background-color: #393731 !important;}'
  319. 	+
  320. 	'.pun, .pln {color: #a8a59c !important;}'
  321. 	+
  322. 	'.kwd, .dec {color: #669dbc !important;}'
  323. 	+
  324. 	'.str, .lit, .tag, #switch {color: #D23B3B !important;}'
  325. 	+
  326. 	'.page-numbers {color: #e7e4d4 !important; background: linear-gradient(to bottom, #2a281b, #353023) !important; text-shadow: 0 1px 0 #4d4a42 !important;}'
  327. 	+
  328. 	'.page-numbers.current {color: #e3deca !important; background: linear-gradient(to bottom, #8c1e1f, #b92527) !important; box-shadow: 0 2px 3px rgba(0,0,0,0.4) inset,0 1px 0 #382c2c !important;}'
  329. 	+
  330. 	'.page-numbers:hover {background: #151412 !important;}'
  331. 	+
  332. 	'.page-numbers:active {background: linear-gradient(to bottom, #692a20, #451b0f) !important; box-shadow: 0 2px 2px rgba(0,0,0,0.3) inset,0 1px 0 #260f0c !important;}'
  333. 	+
  334. 	'a[href="https://superuser.com"], a[href="https://workplace.stackexchange.com"], a[href="https://stackoverflow.com"], .top-bar .-logo .-img, .s-widget-toreplace .-body .-item .-col img, .b2b-hero-logo, img.logo-so-color, img[alt="so-logo"], img[alt="Stack Overflow"], svg[aria-label="Stack Overflow Logo"], a[href="https://stackexchange.com"] h1, a[href="https://puzzling.stackexchange.com"], a[href="https://mathoverflow.net"], a[href="https://electronics.stackexchange.com"], a[href="https://serverfault.com"], a[href="https://apple.stackexchange.com"], a[href="https://webapps.stackexchange.com"], a[href="https://codereview.stackexchange.com"] {filter: brightness(8) !important; opacity: .85 !important;}'
  335. 	+
  336. 	'a[href="https://math.stackexchange.com"], a[href="https://mathematica.stackexchange.com"], a[href="https://skeptics.stackexchange.com"], a[href="https://movies.stackexchange.com"], a[href="https://stackapps.com"] {background-color: #727270 !important;}'
  337. 	+
  338. 	'.m-post-card--no-featured-thumbnail {background-color: #2D2C29 !important;}'
  339. 	+
  340. 	'.container #hmenus .nav ul li.youarehere a, .container #hmenus .nav ul li a:hover {background-color: #086680 !important; color: #EDD !important;}'
  341. 	+
  342. 	'#hmenus .nav ul li a, #add-login-page #or, #login-page #or, #signup-page #or {background-color: #094c5d !important;}'
  343. 	+
  344. 	'#header::before, .s-footer .-container::before, .s-footer .-container::after {display: none !important;}'
  345. 	+
  346. 	'.container #hmenus .nav ul li.youarehere a, .container #hmenus .nav ul li a:hover, #hmenus .nav ul li a {padding: .25em !important;}'
  347. 	+
  348. 	'.help-category-box h3, .s-press .-item, .-body .-item, .callouts-section-bar, .three-x-post-block {border-bottom: 1px solid #42403a !important;}'
  349. 	+
  350. 	'input[type="submit"], input[type="button"], button, .button, a.button, a.button:visited, .btn, .hero-box.double-panel .panel.white .btn {background-color: #6c281e !important; color: #D7CFC0 !important;}'
  351. 	+
  352. 	'#add-login-page #formContainer, #login-page #formContainer, #signup-page #formContainer, #add-login-page #switch, #login-page #switch, #signup-page #switch {border: 1px solid #4e4b41 !important; background: #2D2C28 !important;}'
  353. 	+
  354. 	'input.btn-secondary[type="submit"], input.btn-secondary[type="button"], button.btn-secondary, .btn-secondary, .privacy-switch-btn {color: #84b5d8 !important; background-color: #36352F !important; border-color: #2f516b !important; box-shadow: inset 0 1px 0 #252627 !important;}'
  355. 	+
  356. 	'input.btn-outlined[type="submit"]:hover, input.btn-outlined[type="button"]:hover, button.btn-outlined:hover, .btn-outlined:hover, input.btn-outlined[type="submit"]:focus, input.btn-outlined[type="button"]:focus, button.btn-outlined:focus, .btn-outlined:focus {color: #b6d1e4 !important; background-color: #484742 !important;}'
  357. 	+
  358. 	'.s-widget-toreplace, #action-bar {border: 1px solid #23507d !important;}'
  359. 	+
  360. 	'.s-timeline .-event::before {border: 4px solid #1F62A4 !important; background: #E69A5D !important;}'
  361. 	+
  362. 	'.s-timeline::after, .secondary-nav .-item .-link:hover {background: #1e4f80 !important;}'
  363. 	+
  364. 	'.divided-grid .-item {border-bottom: 1px solid #27496b !important; border-right: 1px solid #22486e !important;}'
  365. 	+
  366. 	'.top-bar .navigation .-link:hover, .top-bar .navigation .-link:focus {background-color: #68655b !important;}'
  367. 	+
  368. 	'#tabs a.youarehere:hover, .tabs a.youarehere:hover, .newnav .tabs-list-container .tabs-list .intellitab a.youarehere:hover, .-department {border-bottom-color: #423A3A !important;}'
  369. 	+
  370. 	'#tabs a.youarehere, .tabs a.youarehere, .newnav .tabs-list-container .tabs-list .intellitab a.youarehere, .salary-cta:hover, .salary-cta:focus, .salary-cta:active {border-color: #44474a !important;}'
  371. 	+
  372. 	'.s-press .-item .-logo {border: 1px solid #225486 !important;}'
  373. 	+
  374. 	'.s-widget-toreplace .-header {background: #3c3c38 !important; border-bottom: 1px solid #393834 !important;}'
  375. 	+
  376. 	'.salary-calculator-calculator, .salary-results, .salary-share, .modal-content, #post-job {background: #232426 !important; border: 1px solid #3E3C36 !important;}'
  377. 	+
  378. 	'.salary-share .-label, .nav-link, .m-post-card__title a {color: #C0B7AA !important;}'
  379. 	+
  380. 	'.top-bar .secondary-nav .-item .-link.topbar-icon-on, .map-graphic, .section-three, .section-two, .section-one, .section-four {background-color: #202830 !important;}'
  381. 	+
  382. 	'.b2b-hero-intro, .b2b-hero-card-headline, .home-hero-copy, .b2b-hero h2, .b2b-hero-cards-link-wrapper {color: #B0AC9D !important;}'
  383. 	+
  384. 	'.b2b-hero {background-image: none !important; background-color: #171512 !important;}'
  385. 	+
  386. 	'.b2b-hero-callout-2-supporting h1, #hs_cos_wrapper_B2B-SO-Hero p {color: #B0AC9D !important;}'
  387. 	+
  388. 	'.region-link {border: 1px solid #534219 !important;}'
  389. 	+
  390. 	'.site-header.default {background: #32302B !important;}'
  391. 	+
  392. 	'.w-control {background-color: #1b1e20 !important;}'
  393. 	+
  394. 	'.callouts-section-item .text, #job-detail .job-detail-header .-description .-title a, #job-detail .job-detail-header .-description .-title a:hover, .-company .-name a {color: #a9bed4 !important;}'
  395. 	+
  396. 	'#platform-meganav {background: #2a2925 !important;}'
  397. 	+
  398. 	'.platform-option:first-child {border-right: 1px solid #68541b !important;}'
  399. 	+
  400. 	'.platform-option p a, .m-author__name {color: #e37d19 !important;}'
  401. 	+
  402. 	'.recruiting-guide-list-content {background: #1b1e20 !important;}'
  403. 	+
  404. 	'.recruiting-guide-list-item-content {background: #272420 !important;}'
  405. 	+
  406. 	'.recruiting-guide-list-item {border-bottom: 4px solid #c38426 !important;}'
  407. 	+
  408. 	'.recruiting-guide-list-item:hover {border-bottom: 4px solid #f05912 !important;}'
  409. 	+
  410. 	'.custom-footer-wrapper {border-top: 1px solid #7b6328 !important; background-color: #151411 !important; color: #ded6c4 !important;}'
  411. 	+
  412. 	'.blog-sidebar-section-subscribe {background: #1b2b38 !important;}'
  413. 	+
  414. 	'.sidebar-section {border-bottom: 1px solid #24221c !important;}'
  415. 	+
  416. 	'.blog-post-list-item {border-bottom: 1px solid #423d34 !important;}'
  417. 	+
  418. 	'.permalink, .widget-module ul li a {color: #c95a27 !important;}'
  419. 	+
  420. 	'img[alt="how i hire"], img[alt="developer interview"], img[alt="ask a developer"], img[alt="how to find a developer"] {background: #555 !important;}'
  421. 	+
  422. 	'.main-navigation {background: #2F2A19 !important; border-top: 1px solid #35250A !important; border-bottom: 1px solid #362508 !important;}'
  423. 	+
  424. 	'.primary-navigation a {color: #b9b7b0 !important;}'
  425. 	+
  426. 	'.m-tag-list__link {background: #352113 !important;}'
  427. 	+
  428. 	'.twitter-row {background-color: #24201C !important; fill: #24201C !important;}'
  429. 	+
  430. 	'.m-tweet-card, .-tabs {border: 1px solid #535049 !important;}'
  431. 	+
  432. 	'.m-footer-cta__title {color: #2d2222 !important;}'
  433. 	+
  434. 	'.search-form .job-alert-tooltip::after {border-top: 7px solid #4a433c !important;}'
  435. 	+
  436. 	'.job-alert-tooltip {background-color: #2d2a26 !important;}'
  437. 	+
  438. 	'.icon-advanced-search {border-color: #18476e !important;}'
  439. 	+
  440. 	'.-item._highlighted {background: #2a251b !important;}'
  441. 	+
  442. 	'.-item.-job, #job-detail section, .-tabs {border-bottom: 1px solid #404347 !important;}'
  443. 	+
  444. 	'.-item._highlighted._topspot > span._badge {background: #7e5c0b !important; color: #ded7ba !important;}'
  445. 	+
  446. 	'.pagination a:visited, .pagination > a {border: 1px solid #3d4854 !important;}'
  447. 	+
  448. 	'.-popout {background-color: #2f3439 !important; border: solid 1px #304d5f !important;}'
  449. 	+
  450. 	'.company-module > header > h2 {background: #393942 !important;}'
  451. 	+
  452. 	'.company-module {border: 1px solid #344d66 !important;}'
  453. 	+
  454. 	'.-details strong span {background: #0d3654 !important;}'
  455. 	+
  456. 	'.-details strong::before, .-favorite, .dropdown li:first-child {border-top: 1px solid #164574 !important;}'
  457. 	+
  458. 	'.job-alert-tooltip .text {color: #e1a030 !important;}'
  459. 	+
  460. 	'.-job-badges .-badge, .dropdown li {border: 1px solid #0f447a !important; color: #a0b8d1 !important; background-color: #11314b !important;}'
  461. 	+
  462. 	'.job-cover-image.-no-image {background-color: #282a2d !important;}'
  463. 	+
  464. 	'#job-detail, .detail-company-logo {background-color: #1a1816 !important;}'
  465. 	+
  466. 	'.-share-report .-item:hover {background-color: #2c3438 !important; border-right: 1px solid #245b93 !important;}'
  467. 	+
  468. 	'.dropdown {background-color: #363D41 !important;}'
  469. 	+
  470. 	'.-description .-title a:hover, .sidebar #action-bar .-share-report .-item .mail, .sidebar #action-bar .-share-report .-item .report, .sidebar #action-bar .-share-report .-item .share {color: #c6dae0 !important;}'
  471. 	+
  472. 	'#job-detail .apply, .question-container {border-bottom: 1px solid #282b2f !important;}'
  473. 	+
  474. 	'.job-detail-content .-sticky-tabs {background: #292824 !important;}'
  475. 	+
  476. 	'.-share-report {border-top: 1px solid #2c3945 !important;}'
  477. 	+
  478. 	'.-share-report .-item {border-right: 1px solid #2b3e51 !important;}'
  479. 	+
  480. 	'.company-module footer {background: rgba(50, 53, 57, 0.5) !important;}'
  481. 	+
  482. 	'#action-bar .-title {background: #3f3e3a !important; border-bottom: 1px solid #363532 !important;}'
  483. 	+
  484. 	'.dropdown-menu::after, #job-detail .-more-jobs .-company-alert, #job-detail .-similar-jobs .-company-alert, #question-header h1 {border-bottom-color: #413f35 !important;}'
  485. 	+
  486. 	'.dropdown-menu {background-color: #172029 !important;}'
  487. 	+
  488. 	'.dropdown-menu > li > a {background: #206c95 !important;}'
  489. 	+
  490. 	'.row-fluid {background: none !important;}'
  491. 	+
  492. 	'.title-banner, .header-img {background-color: #323c44 !important;}'
  493. 	+
  494. 	'.input-group > label, .f-label, .salary-calc-inputs span, .-name, .collection .-content, .benefit-desciption {color: #D0DDE3 !important;}'
  495. 	+
  496. 	'.search-form input[type="number"]::placeholder, .search-form input[type="text"]::placeholder, .search-form select::placeholder {color: rgba(206, 224, 231, 0.5) !important;}'
  497. 	+
  498. 	'#dr, #tl {min-height: 16em !important;}'
  499. 	+
  500. 	'.salary-calc-inputs {background-color: #105184 !important;}'
  501. 	+
  502. 	'.salary-survey-sidebar, .salary-results-wrapper {background: #1f2326 !important; border: 1px solid #414f5d !important;}'
  503. 	+
  504. 	'.collection {border: 1px solid #596b7e !important;}'
  505. 	+
  506. 	'.inline-survey-cta {background-color: #333b44 !important; color: #b2c6da !important;}'
  507. 	+
  508. 	'.salary-results-wrapper .line, .ad502-room {border: 1px solid #1a1f24 !important;}'
  509. 	+
  510. 	'.-item.social {border: 1px solid #3f71a4 !important;}'
  511. 	+
  512. 	'.-item.social:hover, .share {background-color: #1c3e65 !important; color: #AED6DD !important;}'
  513. 	+
  514. 	'#question-header {border: 1px solid #d2cabb00 !important;}'
  515. 	+
  516. 	'.answer-help-background, .comment-help {background-color: #323029 !important; border: 1px solid #504E45 !important;}'
  517. 	+
  518. 	'.ad502-room {background: #3b3930 !important; box-shadow: 0 1px 3px #14191e !important;}'
  519. 	+
  520. 	'#add-login-page .or-hr, #login-page .or-hr, #signup-page .or-hr {border-top: 1px solid #174d6b !important;}'
  521. 	+
  522. 	'#add-login-page .openid_small_btn, #login-page .openid_small_btn, #signup-page .openid_small_btn {border: 2px solid #92273e !important;}'
  523. 	+
  524. 	'.val-info {background: #2F2D25 !important; border: 2px solid #907818 !important;}'
  525. 	+
  526. 	'.val-success {background: #27321e !important; border: 2px solid #3c681e !important;}'
  527. 	+
  528. 	'.val-error {background: #32211e !important; border: 2px solid #68231e !important;}'
  529. 	+
  530. 	'.module h4 a, .room-mini, .footerwrap a {color: #e7e7d4 !important;}'
  531. 	+
  532. 	'.mini-counts span {color: #bad5e7 !important;}'
  533. 	+
  534. 	'.mini-counts, .-rep, .js-header-rep {color: #77b6f5 !important;}'
  535. 	+
  536. 	'#new-answer-activity, .new-post-activity, .hero-box {background-color: #101112 !important;}'
  537. 	+
  538. 	'.unread-item {background-color: #1C2427 !important;}'
  539. 	+
  540. 	'.openid_large_btn, .featured-site {border: 2px solid #0F71C5 !important; box-shadow: 2px 2px 4px #1d6eb3 !important;}'
  541. 	+
  542. 	'.question-page #answers .answer, #feedBody {background: #1D1B19 !important;}'
  543. 	+
  544. 	'.top-bar .my-profile:hover {background-color: #212529 !important;}'
  545. 	+
  546. 	'.question-container {box-shadow: 0 1px 0 #5d6368 !important;}'
  547. 	+
  548. 	'.hero-box .column, .site-details, .stats-label {color: #c4d8e7 !important;}'
  549. 	+
  550. 	'.question-status {background-color: #322f2a !important;}'
  551. 	+
  552. 	'input[type="submit"], input[type="button"], button, .button, a.button, a.button:visited, .btn, .hero-box.double-panel .panel.white .btn {border-color: #2d2c25 !important; box-shadow: inset 0 1px 0 #29241b !important; background: -moz-linear-gradient(top, #4D4B44, #322929);}'
  553. 	+
  554. 	'#feedBody {border: 1px solid black;}'
  555. 	+
  556. 	'#hot-network-questions a, #feedSubscribeLine label {color: #C0BCA8 !important;}'
  557. 	+
  558. 	'.messages {border: 1px solid #483f3f !important;}'
  559. 	+
  560. 	'.highlight {background-image: linear-gradient(to bottom, rgb(51, 48, 46) 0%,rgb(15, 13, 9) 100%) !important;}'
  561. 	+
  562. 	'.container {box-shadow: #1B1E20 0 120px 0 inset !important;}'
  563. 	+
  564. 	'.question .postcell {background: rgba(0,0,0,0) !important;}'
  565. 	+
  566. 	'.question-hyperlink {text-shadow: 0 1px 0 rgba(77, 54, 54, 0.9) !important;}'
  567. 	+
  568. 	'#feedHeaderContainer, #feedHeader {background-color: #3b3934 !important;}'
  569. 	+
  570. 	'#feedEntryContent h1, #feedTitleContainer h1 {border-bottom: 1px solid #454340 !important;}'
  571. 	+
  572. 	'.question-link:visited {color: #1855BF !important;}'
  573. 	+
  574. 	'a.post-tag::before, span.post-tag::before {background-color: rgba(0,0,0,0) !important; border-color: rgba(0,0,0,0) !important;}'
  575. 	+
  576. 	'#question-header, #mainbar, #sidebar, #mainbar-full, .mainbar-full, #sidebar .module {background: #1d1b19 !important;}'
  577. 	+
  578. 	'#sidebar .module {border-bottom: 10px solid #351313 !important;}'
  579. 	+
  580. 	'.-container {background: #232526 !important;}'
  581. 	+
  582. 	'#content {border: 5px solid #1d1b19 !important;}'
  583. 	+
  584. 	'#hmenus .nav ul li a, .stats-label, .stats-value {border-bottom: 1px solid rgba(90, 63, 63, 0.9) !important;}'
  585. 	+
  586. 	'.question-link {color: #387AED !important;}'
  587. 	+
  588. 	'.gv-item, .category-culturerecreation, .gv-size-medium, .gv-item-shadow, .gv-item-triangle {background-color: rgb(56, 50, 43) !important; border-color: rgb(56, 51, 46) !important;}'
  589. 	+
  590. 	'.lv-info, .lv-stats-wrapper {background: #383131 !important;}'
  591. 	+
  592. 	'.lv-stats-box .number {background: #21201B !important;}'
  593. 	+
  594. 	'.list-view-container a {color: #2F88F2 !important;}'
  595. 	+
  596. 	'.list-view-container a:visited {color: #408AC0 !important;}'
  597. 	+
  598. 	'.lv-item {border-bottom: 1px solid #36352C !important; box-shadow: 0 1px 0 #231c1c !important;}'
  599. 	+
  600. 	'.nav-global {background: #3c2d2d !important;}'
  601. 	+
  602. 	'.nav-global li a {color: #ccd4dd !important;}'
  603. 	+
  604. 	'#hero-content {border: 3px #121212 solid !important;}'
  605. 	+
  606. 	'#herobox {border: 1px #121212 solid !important;}'
  607. 	+
  608. 	'.logo-small {background: #1d1b19 !important;}'
  609. );