Screemm

Marriland - Night Mode

Nov 5th, 2018
9
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. html {
  2.     background: #333;
  3. }
  4.  
  5. .p-sectionLinks-list .p-navEl a {
  6.     transition: .2s ease-in-out;
  7. }
  8.  
  9. a {
  10.     color: rgba(230, 230, 230);
  11. }
  12.  
  13. a:hover {
  14.     color: rgba(230, 230, 230, .5);
  15. }
  16.  
  17. .memberTooltip-name a {
  18.     color: rgba(230, 230, 230) !important;
  19. }
  20.  
  21. .memberTooltip-name a:hover {
  22.     color: rgba(230, 230, 230, .5) !important;
  23. }
  24.  
  25. .block-minorHeader a:hover {
  26.     color: rgba(230, 230, 230, .5);
  27. }
  28.  
  29. .block-minorHeader,
  30. .block-minorHeader a {
  31.     color: rgb(230, 230, 230);
  32. }
  33.  
  34. .node-description,
  35. .node--unread .node-icon i:before,
  36. .subNodeLink.subNodeLink--unread:before,
  37. .contentRow-minor,
  38. .node-extra-row {
  39.     color: rgb(230, 230, 230);
  40. }
  41.  
  42. .p-header,
  43. .p-nav,
  44. .p-body,
  45. .p-footer {
  46.     background: #333;
  47.     color: rgb(230, 230, 230);
  48. }
  49.  
  50. .p-sectionLinks,
  51. .p-nav-list .p-navEl.is-selected,
  52. .menu-content,
  53. .block-container,
  54. .overlay,
  55. .menu-row {
  56.     background: #4d4d4d;
  57.     color: rgb(230, 230, 230);
  58.     transition: .2s ease-in-out;
  59. }
  60.  
  61. .block-container,
  62. .overlay,
  63. .tooltip--member .tooltip-content {
  64.     border: 1px solid #8c8c8c;
  65. }
  66.  
  67. .p-sectionLinks-list .p-navEl:hover,
  68. .p-nav-list .p-navEl.is-menuOpen {
  69.     color: rgba(230, 230, 230, .8);
  70. }
  71.  
  72. .p-nav-list .p-navEl.is-selected:hover,
  73. .menu-linkRow.is-selected,
  74. .menu-linkRow:hover,
  75. .menu-linkRow:focus,
  76. .menu-linkRow.menu-linkRow--alt:hover {
  77.     background: #666;
  78.     color: rgba(230, 230, 230, .8);
  79. }
  80.  
  81. .p-sectionLinks {
  82.     border-bottom: 1px solid #8c8c8c;
  83. }
  84.  
  85. .p-nav-list .p-navEl {
  86.     background: #666;
  87.     color: rgba(230, 230, 230, .5);
  88.     transition: .2s ease-in-out;
  89. }
  90.  
  91. .p-nav-list .p-navEl:not(.is-selected):not(.is-menuOpen):hover,
  92. .p-nav-list .p-navEl:not(.is-selected):not(.is-menuOpen) .p-navEl-link:hover,
  93. .p-nav-list .p-navEl:not(.is-selected):not(.is-menuOpen) .p-navEl-splitTrigger:hover {
  94.     background-color: #808080;
  95.     color: rgb(230, 230, 230);
  96. }
  97.  
  98. .p-footer {
  99.     border-top: 1px solid #8c8c8c;
  100. }
  101.  
  102. .node + .node,
  103. .formRow.formRow--fullWidth + .formRow,
  104. .formRow + .formRow.formRow--fullWidth,
  105. .formRow.formRow--fullWidth + * > .formRow:first-of-type,
  106. .formRow + * > .formRow.formRow--fullWidth:first-of-type {
  107.     border-top: 1px solid #737373;
  108. }
  109.  
  110. .block-footer {
  111.     background: #666;
  112.     border-top: 1px solid #737373;
  113.     color: rgb(230, 230, 230);
  114. }
  115.  
  116. .block-header,
  117. .overlay-title,
  118. .block-filterBar {
  119.     background: #666;
  120.     border-bottom: 1px solid #737373;
  121. }
  122.  
  123. .input,
  124. .input:focus,
  125. .input.is-focused {
  126.     background: #666;
  127.     border: 1px solid #8c8c8c;
  128. }
  129.  
  130. .button,
  131. a.button,
  132. .button.button--link,
  133. a.button.button--link,
  134. .button.is-disabled,
  135. a.button.is-disabled,
  136. .button.button--link:focus,
  137. a.button.button--link:focus {
  138.     background: rgb(230, 230, 230);
  139.     color: #333;
  140.     opacity: 1;
  141.     transition: opacity .2s ease-in-out;
  142.     border-color: #ccc;
  143. }
  144.  
  145. .button:hover,
  146. a.button:hover,
  147. .button.button--link:hover,
  148. a.button.button--link:hover {
  149.     opacity: .5;
  150.     background: rgb(230, 230, 230);
  151.     border-color: #8c8c8c;
  152. }
  153.  
  154. .button.is-disabled:hover,
  155. a.button.is-disabled:hover,
  156. .button.is-disabled:active,
  157. a.button.is-disabled:active,
  158. .button.is-disabled:focus,
  159. a.button.is-disabled:focus {
  160.     opacity: .5;
  161.     background: rgb(230, 230, 230) !important;
  162.     border-color: #8c8c8c;
  163. }
  164.  
  165. .p-footer a {
  166.     color: rgba(230, 230, 230, .5);
  167. }
  168.  
  169. .p-footer a:hover {
  170.     color: rgb(230, 230, 230);
  171. }
  172.  
  173. .menu-linkRow.menu-linkRow--alt {
  174.     background: #4d4d4d;
  175.     color: rgb(230, 230, 230);
  176.     border-bottom: 1px solid #737373;
  177.     text-align: center;
  178. }
  179.  
  180. .menu-linkRow {
  181.     color: rgb(230, 230, 230)
  182. }
  183.  
  184. .memberTooltip-header {
  185.     background: #666;
  186.     border-bottom: 1px solid #737373;
  187. }
  188.  
  189. .memberTooltip-info,
  190. .memberTooltip-actions {
  191.     background: #4d4d4d;
  192. }
  193.  
  194. .tooltip--member.tooltip--top .tooltip-arrow {
  195.     border-top-color: #8c8c8c;
  196. }
  197.  
  198. .tooltip--member.tooltip--top .tooltip-arrow:after {
  199.     border-top-color: #4d4d4d;
  200. }
  201.  
  202. .memberTooltip-separator,
  203. .formRowSep {
  204.     border-color: #737373;
  205. }
  206.  
  207. .pairs > dt,
  208. .tooltip--member .tooltip-content {
  209.     color: rgb(230, 230, 230)
  210. }
  211.  
  212. .u-concealed,
  213. .u-concealed a,
  214. .u-cloaked,
  215. .u-cloaked a {
  216.     color: rgb(230, 230, 230) !important;
  217. }
  218.  
  219. .u-concealed:hover,
  220. .u-concealed a:hover,
  221. .u-cloaked:hover,
  222. .u-cloaked a:hover {
  223.     color: rgba(230, 230, 230, .5) !important;
  224. }
  225.  
  226. .blockStatus,
  227. .message-cell.message-cell--user,
  228. .message-cell.message-cell--action,
  229. .bbCodeInline {
  230.     background: #666;
  231.     border-color: #8c8c8c;
  232.     color: rgb(230, 230, 230);
  233. }
  234.  
  235. .message-userArrow {
  236.     border-right-color: #8c8c8c;
  237. }
  238.  
  239. .message-userArrow:after {
  240.     border-right-color: #4d4d4d
  241. }
  242.  
  243. .block--messages .message,
  244. .block--messages .block-row {
  245.     border-color: #8c8c8c;
  246.     background: #4d4d4d;
  247. }
  248.  
  249. .message-attribution,
  250. .likesBar {
  251.     border-color: #8c8c8c;
  252. }
  253.  
  254. .likesBar,
  255. .structItem-pageJump a,
  256. .pageNav-page.pageNav-page--current {
  257.     background: #666;
  258.     color: rgb(230, 230, 230);
  259. }
  260.  
  261. .tabs--standalone,
  262. .smilieText {
  263.     background: #666;
  264.     border-color: #8c8c8c;
  265.     color: rgba(230, 230, 230, .5);
  266.     transition: .2s ease-in-out;
  267. }
  268.  
  269. .tabs--standalone .tabs-tab.is-active,
  270. .tabs--standalone .tabs-tab:hover {
  271.     color: rgb(230, 230, 230)
  272. }
  273.  
  274. .structItem-pageJump a,
  275. .menu-separator,
  276. .memberHeader-separator,
  277. .block-formSectionHeader {
  278.     border-color: #8c8c8c;
  279. }
  280.  
  281. .structItem-pageJump a:hover,
  282. .block-row.block-row--alt,
  283. .pageNav-page {
  284.     opacity: 1;
  285.     background: #4d4d4d;
  286. }
  287.  
  288. .structItem,
  289. .message + .message,
  290. .message.message--bordered,
  291. .block-row.block-row--separated + .block-row,
  292. .dataList-cell,
  293. .block-body + .block-minorHeader,
  294. .pageNav-page,
  295. .pageNav-page:not(:first-child) {
  296.     border-color: #737373;
  297.     color: rgba(230, 230, 230, .5);
  298.     transition: .2s ease-in-out;
  299. }
  300.  
  301. .message-responseRow,
  302. .memberOverviewBlock-seeMore,
  303. .blockLink.is-selected,
  304. .blockLink:hover,
  305. .bbCodeDemoBlock-item > dd,
  306. .menu-header,
  307. .menu-footer,
  308. .pageNav-page.pageNav-page--current,
  309. .pageNav-page.pageNav-page--current:hover,
  310. .pageNav-page.pageNav-page--current:active,
  311. .pageNav-page:hover,
  312. .pageNav-page:active,
  313. .pageNav-jump,
  314. .menu-row.menu-row--highlighted,
  315. .formSubmitRow-bar,
  316. .block-tabHeader,
  317. .memberHeader-main,
  318. .formRow > dt,
  319. .fr-toolbar,
  320. .fr-box.fr-basic .fr-wrapper,
  321. .menu-row.menu-row--clickable:hover {
  322.     background: #666;
  323.     border-color: #8c8c8c;
  324.     color: rgb(230, 230, 230);
  325. }
  326.  
  327. .comment-actionBar .actionBar-set,
  328. .memberOverviewBlock-seeMore,
  329. .blockLink:hover,
  330. .blockLink.is-selected {
  331.     color: rgb(230, 230, 230);
  332. }
  333.  
  334. .blockLink {
  335.     color: rgba(230, 230, 230, .5);
  336. }
  337.  
  338. .bbCodeBlock-title,
  339. .dataList-row.dataList-row--header .dataList-cell,
  340. .dataList-row.dataList-row--subSection .dataList-cell,
  341. .dataList-cell.dataList-cell--alt,
  342. .dataList-cell.dataList-cell--action,
  343. .menu-row.menu-row--alt:hover {
  344.     background: #666;
  345.     border-color: #737373;
  346.     transition: .2s ease-in-out;
  347. }
  348.  
  349. .bbCodeBlock,
  350. .smilieText:hover,
  351. .menu-row.menu-row--alt,
  352. .block-tabHeader .tabs-tab.is-active {
  353.     background: #4d4d4d;
  354.     border-color: #8c8c8c;
  355. }
  356.  
  357. .message-inner,
  358. .message + .message {
  359.     color: rgb(230, 230, 230);
  360. }
  361.  
  362. .pageNav-jump:hover,
  363. .pageNav-jump:active,
  364. .block-filterBar .filterBar-filterToggle,
  365. .message-signature {
  366.     background: #4d4d4d;
  367.     border-color: #737373;
  368. }
  369.  
  370. .button.button--primary,
  371. a.button.button--primary {
  372.     background: rgb(230, 230, 230);
  373.     border-color: #ccc;
  374. }
  375.  
  376. .p-navgroup-link.is-menuOpen,
  377. .p-sectionLinks-list .p-navEl.is-menuOpen {
  378.     color: rgb(230, 230, 230);
  379. }
  380.  
  381. .p-navgroup-link.is-menuOpen:hover,
  382. .p-sectionLinks-list .p-navEl.is-menuOpen:hover,
  383. .fr-toolbar .fr-command.fr-btn.fr-disabled,
  384. .fr-popup .fr-command.fr-btn.fr-disabled {
  385.     color: rgba(230, 230, 230, .5);
  386. }
  387.  
  388. .fr-separator {
  389.     background: #8c8c8c;
  390. }
  391.  
  392. .notice.notice--primary {
  393.     background: #666;
  394.     color: rgb(230, 230, 230);
  395. }
  396.  
  397. .notice {
  398.     border: none;
  399.     border-top: 1px solid #8c8c8c;
  400. }
  401.  
  402. .overlay-content > .blocks > .block:last-child .block-outer.block-outer--after {
  403.     border-color: #8c8c8c;
  404. }
  405.  
  406. .contentRow-fader {
  407.     background: linear-gradient(to bottom, rgba(8, 85, 141, 0) 0%, #666 80%);
  408. }
  409.  
  410. .inputGroup.inputGroup--joined .inputGroup-text,
  411. .inputGroup.inputGroup--joined .inputGroup-text + .input {
  412.     background: #666;
  413.     border-color: #8c8c8c;
  414. }
  415.  
  416. .select2-results__options {
  417.     background: #666;
  418.     border-color: #8c8c8c;
  419.     color: rgb(230, 230, 230);
  420. }
  421.  
  422. .select2-results__option.select2-results__option--highlighted {
  423.     background: #8c8c8c;
  424. }
  425.  
  426. .select2 .select2-selection ul .select2-search .select2-search__field {
  427.     color: rgb(230, 230, 230);
  428. }
  429.  
  430. .select2 .select2-selection ul > li.select2-selection__choice {
  431.     background: #4d4d4d;
  432.     border-color: #8c8c8c;
  433. }
  434.  
  435.  
  436.  
  437. /** Mobile **/
  438. @media (max-width: 650px) {
  439.  
  440.     .offCanvasMenu--nav .offCanvasMenu-content {
  441.         color: rgba(230, 230, 230);
  442.         background: #333;
  443.     }
  444.  
  445.     .offCanvasMenu--nav .offCanvasMenu-linkHolder.is-selected {
  446.         color: rgb(230, 230, 230);
  447.         background: #808080;
  448.     }
  449.  
  450.     .pageNavSimple-el.pageNavSimple-el--prev,
  451.     .pageNavSimple-el.pageNavSimple-el--next,
  452.     .pageNavSimple-el.pageNavSimple-el--first,
  453.     .pageNavSimple-el.pageNavSimple-el--last,
  454.     .pageNavSimple-el.pageNavSimple-el--current:hover {
  455.         background: #666;
  456.         color: rgb(230, 230, 230);
  457.         opacity: .5;
  458.         border-color: #8c8c8c;
  459.     }
  460.  
  461.     .pageNavSimple-el.pageNavSimple-el--prev:hover,
  462.     .pageNavSimple-el.pageNavSimple-el--next:hover,
  463.     .pageNavSimple-el.pageNavSimple-el--first:hover,
  464.     .pageNavSimple-el.pageNavSimple-el--last:hover,
  465.     .pageNavSimple-el.pageNavSimple-el--current {
  466.         background: #666;
  467.         opacity: 1;
  468.         border-color: #8c8c8c;
  469.         color: rgb(230, 230, 230);
  470.     }
  471.  
  472.     .message:not(.message--forceColumns) .message-userArrow,
  473.     .message:not(.message--forceColumns) .message-cell.message-cell--user {
  474.         border-bottom-color: #8c8c8c;
  475.     }
  476.  
  477.     .message:not(.message--forceColumns) .message-userArrow:after {
  478.         border-bottom-color: #4d4d4d;
  479.     }
  480. }
RAW Paste Data