☰

Greasy Fork 还支持 简体中文。

ShadeRoot Paypal

Eye-friendly magic in your browser for Paypal

  1. //
  2. // Written by Glenn Wiking
  3. // Script Version: 0.2.1b
  4. // Date of issue: 02/09/17
  5. // Date of resolution: 02/09/17
  6. //
  7. // ==UserScript==
  8. // @name        ShadeRoot Paypal
  9. // @namespace   SRPP
  10. // @description Eye-friendly magic in your browser for Paypal
  11. // @include     https://*paypal.*
  12. // @include     *paypal.*
  13. // @include     https://*paypal-topup.*
  14. // @include     *paypal-topup.*
  15.  
  16. // @version     0.2.1b
  17. // @icon        https://i.imgur.com/Ob9WKt8.png
  18. // ==/UserScript==
  19.  
  20. function ShadeRootPP(css) {
  21.     var head, style;
  22.     head = document.getElementsByTagName('head')[0];
  23.     if (!head) { return; }
  24.     style = document.createElement('style');
  25.     style.type = 'text/css';
  26.     style.innerHTML = css;
  27.     head.appendChild(style);
  28. }
  29.  
  30. ShadeRootPP (
  31. 	//BG COLOR
  32. 	'html, .row-fluid, .vx_foreground-container {background-color: #1a2c3c !important;}'
  33. 	+
  34. 	//TEXT COLOR
  35. 	'.headline, h1, h2, h3, h4, h5, h6, li, label, .nav, .besthelp_quicknav_link, .row-fluid [class*="span"]:first-child, .sticky-nav-links, .decisionTable table, #gblFooter ul a, .overpanel-body dt, .card, .cardName, .month-name, .message {color: #c3e1f0 !important;}'
  36. 	+
  37. 	//TEXT COLOR 2
  38. 	'p, .header-buttons a, .btn-signup, .secondaryLink a:not(.btn), a.secondaryLink, .engagementStatusModule, .overpanel-body dd span, .overpanel-body .overpanel-description span {color: #70bce3 !important;}'
  39. 	+
  40. 	'.pp-header.table-row::after {border-bottom: 1px solid rgba(30, 68, 125, 0.78) !important;}'
  41. 	+
  42. 	'.pp-header.table-row .header-buttons .btn-small, .pp-header.table-row .header-buttons .btn-small.btn-secondary:focus, .pp-header.table-row .header-buttons .btn-small.btn-signup:focus {box-shadow: 0 0 0 1px #187db4,0 0 0 1px #2866ad !important;}'
  43. 	+
  44. 	'.btn-signup {background-color: #188df0 !important;}'
  45. 	+
  46. 	//IMG OPACITY
  47. 	'img, .editorial-img {opacity: .8 !important;}'
  48. 	//"CIRCLE" COLOR
  49. 	+
  50. 	'p.circle {border: 1px solid #2674a5 !important;}'
  51. 	+
  52. 	//DIV COLOR 1
  53. 	'.global-footer, .container-fluid, .contents, .besthelp_quicknav_adjustheight, #grandFooter, #besthelp_quicknav, .vx_globalFooter, .falconTray {background-color: #111c24 !important;}'
  54. 	+
  55. 	'.nav, .progress {background-color: #1d5f8f !important;}'
  56. 	+
  57. 	//DIV COLOR 2
  58. 	'.engagementMainBar-container, .theoverpanel, .wallet {background-color: #143459 !important;}'
  59. 	+
  60. 	//DIV COLOR 3
  61. 	'.engagementStatusModule, .mainBody, .overpanel-wrapper,.overpanel-content, .menu, .overpanel-body {background-color: #0d1b29 !important;}'
  62. 	+
  63. 	'.emSlideDownContainer {border-top: 1px solid #1C4865 !important; border-bottom: 1px solid #1A547B !important;}'
  64. 	+
  65. 	'.engagementMainBar-separator {color: #115175 !important; background-color: #155c84 !important;}'
  66. 	+
  67. 	'.profileStatus::after {border-top-color: #143459 !important;}'
  68. 	+
  69. 	'.tabs-wrapper .nav-tabs > li > a {color: #c0d9e6 !important};'
  70. 	+
  71. 	'.selectModule.active::before {border-top-color: 1px solid #1C4865 !important;}'
  72. 	+
  73. 	'hr {background-color-image: linear-gradient(to right,#1e73a8 50%,rgba(255,255,255,0) 40%) !important;}'
  74. 	+
  75. 	'.language {border-right: 1px solid #12588c !important;}'
  76. 	+
  77. 	'.vx_globalNav-main, .vx_globalNav-main_mobile, #besthelp_search_module_outer, .pp-header.table-row, .blue {background-color-image: linear-gradient(100deg, #0d4368, #102b54) !important;}'
  78. 	+
  79. 	'#besthelp_search_input {background-color: #255d93 !important; border: 1px solid #1f78c5 !important; color: #d6dcdd !important;}'
  80. 	+
  81. 	'#besthelp_quicknav_container, #besthelp_quicknav_body, #contents, #besthelp_master_container, #gblFooter, #onboardingContent {background-color: #1c5687 !important;}'
  82. 	+
  83. 	'#besthelp_quicknav_body_inner {border-top: 1px #2a599f solid !important;}'
  84. 	+
  85. 	'.vx_globalFooter {border-top: 1px solid #0b1e2f !important; text-shadow: 0 1px 1px #145093 !important;}'
  86. 	+
  87. 	'.vx_globalFooter_secondary {border-top: 1px dotted #1a5784 !important;}'
  88. 	+
  89. 	'#besthelp_master_container, #besthelp_call_topcontact_container, .panel-default, .panel, .panel-body, #besthelp_critical_alerts_body, #besthelp_critical_alerts_container {background-color: #1C5687 !important;}'
  90. 	+
  91. 	'a:hover, .vx_globalFooter-list a:hover {color: #4093bd !important;}'
  92. 	+
  93. 	'.parallax-bg, .hero-bg, .paypal {filter: brightness(.8);}'
  94. 	+
  95. 	'.pageHeadline {color: #0a6bda !important;}'
  96. 	+
  97. 	'.box, .emSlideDownContainer {border-top: 1px solid #164069 !important; border-bottom: 1px solid #183c53 !important; background: #1A2C3C !important;}'
  98. 	+
  99. 	'html[data-device-type="dedicated"] tbody, html[data-device-type="portable"] tbody {border-left: 1px solid #3b789f !important;}'
  100. 	+
  101. 	'tr {border-bottom: 1px solid #367ba7 !important;}'
  102. 	+
  103. 	'.four-panel {border-top: 1px solid #15426e !important;}'
  104. 	+
  105. 	'.pp-header.table-row > div {background: #0e385c33;}'
  106. 	+
  107. 	'.paypal {border-right: 1px solid #185F8D !important;}'
  108. 	+
  109. 	'.footer .legalFooter, footer ul {background-color: #102636 !important;}'
  110. 	+
  111. 	'.textInput input, .textInput textarea {border: 1px solid #175183 !important; background: #0a2a48 !important; color: #93cae4 !important;}'
  112. 	+
  113. 	'a.button.secondary, a.button.secondary:link, a.button.secondary:visited, .button.secondary {background-color: #0C4A87 !important; color: #BCD8E6 !important;}'
  114. 	+
  115. 	'.loginSignUpSeparator, .footerNav {border-top: 1px solid #176c9c !important;}'
  116. 	+
  117. 	'.textInSeparator {background-color: #176c9c !important; color: #cae0ec !important; border-radius: 8px !important;}'
  118. 	+
  119. 	'.form-container {border-left: 1px solid #163E4E;}'
  120. 	+
  121. 	'html[data-device-type="dedicated"] .social-img {border-radius: 7em !important;}'
  122. 	+
  123. 	'.notificationContainer.caret::after {border-color: transparent transparent #26456c !important;}'
  124. 	+
  125. 	'.notificationContainer.caret::before {border-color: transparent transparent #28679c !important;}'
  126. 	+
  127. 	'.notificationContainer.caret {border: 1px solid #225e84 !important; background: #124774 !important; text-shadow: 0 1px #2b76bf !important;}'
  128. 	+
  129. 	'.back-arrow {color: #4EAEE7 !important;}'
  130. 	+
  131. 	'.decisionTable table tr th:first-child, .decisionTable table tr td:first-child {border-left: 1px solid #2975b6 !important;}'
  132. 	+
  133. 	'.decisionTable table tr th {background: #12416e !important; border-top: 1px solid #2882bc !important;}'
  134. 	+
  135. 	'.decisionTable table tr th, .decisionTable table tr td {border-right: 1px solid #1674b0 !important; border-bottom: 1px solid #1d7cb0 !important;}'
  136. 	+
  137. 	'.decisionTable th {border: 1px solid #1f6eb100 !important;}'
  138. 	+
  139. 	'#upgradeAccount {border-radius: 1em !important; padding: 1em !important;}'
  140. 	+
  141. 	'.verticalRule {border-left: 1px solid #238ac2 !important;}'
  142. 	+
  143. 	'.mask {background-color: #1D5F8F !important;}'
  144. 	+
  145. 	'.contentContainer header {background: #164c80 !important; padding: .5em;}'
  146. 	+
  147. 	'.contentContainer {background-color: #173f63 !important; padding: 1em !important;}'
  148. 	+
  149. 	'a .icon {background: rgba(23, 42, 53, 0.8) !important;}'
  150. 	+
  151. 	'.vx_globalNav-list li.vx_isActive a, .vx_globalNav-list li.vx_isActive a:active {border-bottom: 1px solid #104272 !important;}'
  152. 	+
  153. 	'.feature-bundle .vx_globalNav-navContainer .vx_globalFooter-list a:hover {color: #143a53 !important;}'
  154. 	+
  155. 	'.fiModule-container, .activityModule {border: 1px solid #115d9e !important; background-color: #143254 !important;}'
  156. 	+
  157. 	'.fiModule-title-header {color: #aed5e9 !important;}'
  158. 	+
  159. 	'.fiModule-list-item {border-bottom: 1px dotted #368fc5 !important;}'
  160. 	+
  161. 	'.fiModule-container_shadow {box-shadow: 0 2px 2px #0d3363 !important;}'
  162. 	+
  163. 	'.setupStep-almostDoneState .setupStep-icon, .setupStep-doneState .setupStep-icon {background: #0e4472 !important; border: 1px solid #1f87ed !important; color: #2186e9 !important;}'
  164. 	+
  165. 	'.welcomeMessage.active .vx-btn_toggleProfileStatus {background-color: #0b2a44 !important;}'
  166. 	+
  167. 	'.selectModule.active::before {border-top-color: #185680 !important;}'
  168. 	+
  169. 	'.col-sm-4 {padding-bottom: 1em !important;}'
  170. 	+
  171. 	'.help:hover, .help:focus, .help:active {background: #1464b3 !important;}'
  172. 	+
  173. 	'.overpanel-body .image.pp, .overpanel-body .logo.pp {border: 1px solid #134e81 !important;}'
  174. 	+
  175. 	'.hasSpinner::after {background: #104b7e !important;}'
  176. 	+
  177. 	'.fundingSources .moduleHeader {border-bottom: 1px solid #255b98 !important;}'
  178. 	+
  179. 	'.paypalSourcesContainer {padding: 20px 1em 135px !important;}'
  180. 	+
  181. 	'.banking, .addFI.card {background: #14568f !important;}'
  182. 	+
  183. 	'.help-information.open::after, .no-js .help-information::after, .help-information.open::after, .no-js .help-information::before {border-color: transparent transparent #0d568d !important;}'
  184. 	+
  185. 	'#iban-help-information {background: #103e72 !important; border-radius: 0em 0em 1em 1em !important; padding: .5em !important;}'
  186. 	+
  187. 	'.help-information-open {text-shadow: none !important;}'
  188. 	+
  189. 	'.customDates-field {color: #89cbec !important; background: #12476e !important;}'
  190. 	+
  191. 	'.date-picker-wrapper {background-color: #083853 !important;}'
  192. 	+
  193. 	'.month-wrapper {background-color: #0f5693 !important; border-right: solid 1px #1667b7 !important;}'
  194. 	+
  195. 	'.date-selected {background: #25485900 !important;}'
  196. 	+
  197. 	'.vx_form-control {border: 1px solid #0e6dbd !important; background: #124368 !important; color: #d1e9f6 !important;}'
  198. 	+
  199. 	'.displayMode-btn {color: #bce2f5 !important;}'
  200. 	+
  201. 	'.filterTagOval {background-color: #48b2ec !important;}'
  202. 	+
  203. 	'.vx_form-control_complex input {background: #264a68 !important; color: #d0e5f2 !important;}'
  204. 	+
  205. 	'.vx_form-control {background: #1a3657 !important;}'
  206. 	+
  207. 	'.popover {background-color: #154060 !important;}'
  208. 	+
  209. 	'.popover.bottom > .arrow::after {border-bottom-color: #154060 !important;}'
  210. 	+
  211. 	'.advancedSearch-txnTypeOval {background-color: #2964bc !important;}'
  212. 	+
  213. 	'.modal-overlay, .spinner.loading {background-color: #0f2a51 !important;}'
  214. 	+
  215. 	'.selected {background-color: #12344e !important;}'
  216. 	+
  217. 	'.challenge-list {border-top: solid #2a4f68 !important;}'
  218. 	+
  219. 	'.modal-animate {background: #071b27 !important; color: #DDE9EE !important;}'
  220. 	+
  221. 	'.css-15c4zbn {background-color: #0d2132 !important; border: 1px solid rgb(12, 69, 101) !important; color: rgb(197, 221, 239) !important;}'
  222. 	+
  223. 	'.css-47cvlc {color: rgb(197, 221, 239) !important;}'
  224. 	+
  225. 	'.engagementBanner-background_transferMobile, .transferBannerContainer {background-color: #11324b !important;}'
  226. 	+
  227. 	'.transferActionColumns:not(:last-child) {border-right: 1px solid #2f5d8a !important;}'
  228. 	+
  229. 	'.engagement-0-listItem .selectModule::after, .engagement-1-listItem .selectModule::after, .engagement-2-listItem .selectModule::after {border-top-color: #123557 !important;}'
  230. 	+
  231. 	'.moduleHeaderLink::after {border-top: 2px solid #a9ccde !important; border-right: 2px solid #87a3b1 !important;}'
  232. 	+
  233. 	'.address div, .overpanel-body dd, .overpanel-body .overpanel-description, .moduleHeaderLink, .nemo_moduleHeaderLink {color: #bce2f5 !important;}'
  234. 	+
  235. 	'.emModule, .js_emModule, .nemo_EM_ShopBanner, .active {filter: brightness(.8) !important;}'
  236. 	+
  237. 	'.mpiHeader {color: #1a3254 !important;}'
  238. 	+
  239. 	'.settings .account .vx_panel, .settings .security .vx_panel, .settings .paymentsTab .vx_panel, .settings .logInWithPaypal .vx_panel {background: #17212f !important;}'
  240. 	+
  241. 	'.profileDetail-container {border-bottom: thin solid #1c4459 !important;}'
  242. 	+
  243. 	'.lined li {border-bottom: 1px solid #1f4f72 !important;}'
  244. 	+
  245. 	'.custom-select {background: #193a60 !important; color: #DDE !important;}'
  246. 	+
  247. 	'.navbar {background: #4f6780 !important; min-height: 70px !important;}'
  248. 	+
  249. 	'body {background-color: #142130 !important; color: #DDE;}'
  250. 	+
  251. 	'.jumbotron {background-color: #1b3e66 !important;}'
  252. 	+
  253. 	'.jumbotron-default {border-top: 1px solid #0f4166 !important; border-bottom: 1px solid #173f62 !important; background: #0f314a !important;}'
  254. 	+
  255. 	'hr.footer {border-top: 1px solid #1b3f62 !important;}'
  256. 	+
  257. 	'.row-footer a {color: #c1d5e3 !important;}'
  258. 	+
  259. 	'.well {background-color: #153f60 !important; border: 1px solid #185a7a !important;}'
  260. 	+
  261. 	'.ph1-consumer-report, .main-content, #besthelp_guest2_body, #besthelp_quicknav_container {background-color: #163957 !important;}'
  262. 	+
  263. 	'.slide p {color: #e1f9fb !important;}'
  264. 	+
  265. 	'.loader-wrapper {background-color: #123047 !important; border: solid 1px #114c74 !important;}'
  266. 	+
  267. 	'.primary-tab > div > div {border: solid 1px #184869 !important; box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.08), 0 0 4px 0 rgba(0, 0, 0, 0.08) !important; background: #224e7a !important;}'
  268. 	+
  269. 	'h2, .vx_text-2, .active div span {color: #DDE !important;}'
  270. 	+
  271. 	'.nav-tabs {border-bottom: 1px solid #154686 !important;}'
  272. 	+
  273. 	'.vx_hr {border-top: 1px solid #125278 !important;}'
  274. 	+
  275. 	'.tabs-wrapper .nav-tabs > li.active > a, .tabs-wrapper .nav-tabs > li.active > a:focus, .tabs-wrapper .nav-tabs > li.active > a:hover {background-color: #1b4771 !important; border-bottom-color: transparent !important; color: #c6e4f8 !important;}'
  276. 	+
  277. 	'.nav-tabs > li > a {background-color: #2b4963 !important; color: #b7d1de !important; border-color: #25496c !important;}'
  278. 	+
  279. 	'.Select {background-color: #164069 !important;}'
  280. 	+
  281. 	'.Select-menu-options {background: #23577d;}'
  282. 	+
  283. 	'.Input {background-color: #123350 !important; border: 1px solid #327a9e !important; color: #c5e0ed !important;}'
  284. 	+
  285. 	'.tab-item-count {color: #32a0d7 !important;}'
  286. 	+
  287. 	'.tabs-wrapper .nav-tabs > li > a {color: #ceeaf8 !important; border-color: #214b75 !important;}'
  288. 	+
  289. 	'.Select-menu-options:hover {background-color: #0e3a56 !important;}'
  290. 	+
  291. 	'.tabs-wrapper .nav-tabs > li > a:hover {border-color: #184572 !important; background-color: #1a436c !important;}'
  292. 	+
  293. 	'.filter-text {color: #b5cfdd !important;}'
  294. 	+
  295. 	'table#dispute td {border-bottom: 1px solid #185684 !important;}'
  296. 	+
  297. 	'table td {background-color: #172f47 !important;}'
  298. 	+
  299. 	'table#dispute {border: 1px solid #21486e !important; border-top: 1px solid #245387 !important; background-color: #174b86 !important; color: #DDE !important;}'
  300. 	+
  301. 	'table#dispute thead th {background: #1e5477 !important; border-left: 1px solid #115496 !important; border-right: 1px solid #1d6bb7 !important; border-bottom: 1px solid #266ea4 !important; color: #DDE !important;}'
  302. 	+
  303. 	'.caseTable thead th {border-top: 1px solid #1D59A7 !important; color: #DDE !important;}'
  304. 	+
  305. 	'#inexperienced .info {border: 1px solid #1c4472 !important; background: #10324b !important;}'
  306. 	+
  307. 	'.tabItems li.top {color: #b5cfdd !important; border-bottom: 1px solid #406596 !important; background: #205a86 !important;}'
  308. 	+
  309. 	'.tabItems li {background: #1b5383 !important; color: #c9dcef !important;}'
  310. 	+
  311. 	'.tabItems li a, #navGlobal ul li a {color: #c9dcef !important;}'
  312. 	+
  313. 	'#html-rosetta {background: #11406e !important;}'
  314. 	+
  315. 	'.tabContent {border: 1px solid #164d71 !important;}'
  316. 	+
  317. 	'#navPrimary ul {background: none !important;}'
  318. 	+
  319. 	'.tabItems .top p, .tabItems li p {background: #1a4474 !important;}'
  320. 	+
  321. 	'.tips ul li a {color: #3b84d1 !important;}'
  322. 	+
  323. 	'.row-fluid {background-color: #11457700 !important;}'
  324. 	+
  325. 	'.callout {border-top: 1px solid #1f496c !important;}'
  326. 	+
  327. 	'.welcome .last .box {border: 1px solid #144875 !important;}'
  328. 	+
  329. 	'.welcome .last .box h3 {background-color: #17426e !important;}'
  330. 	+
  331. 	'.welcome .first .box {border: 1px solid #20497e !important;}'
  332. 	+
  333. 	'.welcome .first .box .body {border-top: 1px solid #2a516e !important;}'
  334. 	+
  335. 	'table.basic th {border-bottom: 1px solid #1f5183 !important; border-right: 1px solid #16507b !important; background-color: #244f7a !important;}'
  336. 	+
  337. 	'table.basic {border: 1px solid #1b4c77 !important;}'
  338. 	+
  339. 	'table.basic td {border-bottom: 1px solid #15436b !important;}'
  340. 	+
  341. 	'.datatable .title, .datatable .filters, .datatable .actions, .datatable .pagination {border-top: 1px solid #1c557a !important; border-bottom: 1px solid #1f4f74 !important;}'
  342. 	+
  343. 	'.datatable {border: 1px solid #245381 !important;}'
  344. 	+
  345. 	'.datatable .title {background: #0b334d !important;}'
  346. 	+
  347. 	'.datatable table {border-top: 1px solid #133363 !important; border-bottom: 1px solid #174466 !important;}'
  348. 	+
  349. 	'.welcome #headline .metadata li a {color: #3b84d1 !important;}'
  350. 	+
  351. 	'.datatable tr th {border-bottom: 1px solid #0f4675 !important; background-color: #2d4257 !important;}'
  352. 	+
  353. 	'.datatable tr th {border-right: 1px solid #153a6b !important;}'
  354. 	+
  355. 	'.datatable .actions {background: #15212a !important;}'
  356. 	+
  357. 	'.datatable table {border-bottom: 1px solid #163A56;}'
  358. 	+
  359. 	'.links li a {color: #4594e6 !important;}'
  360. 	+
  361. 	'.sidebox {border: 1px solid #234f74 !important;}'
  362. 	+
  363. 	'h3.head {border-bottom: 1px solid #0a4e9b !important; border-top: 1px solid #14588a !important; background-color: #224975 !important;}'
  364. 	+
  365. 	'.conversionCont {border: 1px solid #27629B !important;}'
  366. 	+
  367. 	'.messageBox {background-color: #1e507b !important; border: 1px solid #1686da !important;}'
  368. 	+
  369. 	'.section, .invoice nav#subNav {background-color: #124169 !important;}'
  370. 	+
  371. 	'.invoice .pageHeader {border-bottom: 1px solid #116398 !important;}'
  372. 	+
  373. 	'#activity table thead tr th {border-bottom: 1px solid #235a89 !important;}'
  374. 	+
  375. 	'.form-control {background-color: #22354b !important; border: 1px solid #4077a5 !important; color: #bbd2e3 !important;}'
  376. 	+
  377. 	'.dropdownBlockLarge .dropDownButton, .dropdownSplitButtonLarge .dropDownButton {background-color: #195ea1 !important; border: 1px solid #1b70a7 !important;}'
  378. 	+
  379. 	'#basicFilterStatus .tabInActive {background-color: #1f3650 !important; border-color: #1A5690 !important;}'
  380. 	+
  381. 	'.eightballExperience #basicFilter * *, #advFilter1Value1 * *, #memoText * *, #invoicesummaries .dropdown-menu * *, .modal * *, #itemsummaries .dropdown-menu * *, #recipientEdit * *, #searchContactBook * *, #BusinessInform * *, .itemDescription * *, h3#businessInformation * * {color: #cde1ec !important;}'
  382. 	+
  383. 	'.invoice nav#subNav ul.tabnav li.main-menu.active > a {color: #D6EFFC !important;}'
  384. 	+
  385. 	'.invoice nav#subNav hr {border-top-color: #0D6EA4 !important;}'
  386. 	+
  387. 	'.modal-content {background-color: #164466 !important;}'
  388. 	+
  389. 	'.modal-header {border-bottom: 1px solid #38649e !important;}'
  390. 	+
  391. 	'.theme-background-color-white {background-color: #0c2a4b !important;}'
  392. 	+
  393. 	'.theme-background-color-light {background-color: #121e30 !important;}'
  394. 	+
  395. 	'.global-footer .footer-main a {color: #aac7d5 !important;}'
  396. 	+
  397. 	'.panelContent {border: 1px solid #255e84 !important;}'
  398. 	+
  399. 	'.settings .security li {border-bottom: 1px solid #205f8d;}'
  400. 	+
  401. 	'.vx_panel-header, .vx_panel-text, .vx_panel-action {color: #d1e5f0 !important;}'
  402. 	+
  403. 	'.settings .notifications .contact a {color: #63b3ff !important;}'
  404. 	+
  405. 	'.settings .letmeknow, .settings .statements {color: #309eef !important;}'
  406. 	+
  407. 	'.settings .notiRow:not(:last-child) {border-bottom: 1px solid #155c98 !important;}'
  408. 	+
  409. 	'.footer {background-color: #0E2835 !important;}'
  410. 	+
  411. 	'.theoverpanel .nameEdit .choiceBox {border-color: #17436f !important;}'
  412. 	+
  413. 	'#stdpage, #page {background-color: #10202F !important;}'
  414. 	+
  415. 	'#bheader {border-bottom: 1px solid #122F45 !important; text-shadow: 0 1px #194475 !important; box-shadow: 0 2px #123159 !important;}'
  416. 	+
  417. 	'#bfooter {text-shadow: 0 1px 1px #103f62 !important; border-top: 1px solid #102e4d !important;}'
  418. 	+
  419. 	'#page #content {background: #14344b !important;}'
  420. 	+
  421. 	'#bheader > .navbar-inner {background: none repeat scroll 0 0 #1E486C !important;}'
  422. 	+
  423. 	'#bheader .globalNav a, #bfooter .navbar-inner .inline li a {color: #d8ebf3 !important; text-shadow: 0 1px 1px #15364E !important;}'
  424. 	+
  425. 	'.backlink a {color: #6ba6e4 !important;}'
  426. 	+
  427. 	'.react-p2p_wrapper div div div {background: #152739 !important;}'
  428. 	+
  429. 	'.headerBox_dpbx39, .cardBack_13g6txt {background: #152739 !important;}'
  430. 	+
  431. 	'.wrapper {background-color: rgba(18, 38, 87, 0.5) !important;}'
  432. 	+
  433. 	'.transactionRow:nth-child(2n+1), .installmentRow:nth-child(2n+1), .transactionRow.year-title:nth-child(2n+1), .installmentRow.year-title:nth-child(2n+1) {border-left-color: #2255a1 !important; background-color: #162233 !important;}'
  434. 	+
  435. 	'.transactionDescription, .transactionAmount, .installmentSummary .creditPlanDescription, .installmentSummary .balance, .dateDay, .dateMonth, .transactionAmount .netAmount, .installmentSummary .balance .netAmount, .detailedTable thead th, .detailedTable-transactionColumn_date, .detailedTable-transactionItem_row td {color: #c3d9e4 !important;}'
  436. 	+
  437. 	'.transactionRow .transactionType, .installmentRow .transactionType, .transactionRow .installmentSummary .creditPlanType, .installmentRow .installmentSummary .creditPlanType {color: #1576bd !important;}'
  438. 	+
  439. 	'.transactionRow:nth-child(2n+1) .transactionAmount, .installmentRow:nth-child(2n+1) .transactionAmount, .transactionRow.year-title:nth-child(2n+1) .transactionAmount, .installmentRow.year-title:nth-child(2n+1) .transactionAmount, .transactionRow:nth-child(2n+1) .installmentSummary .balance, .installmentRow:nth-child(2n+1) .installmentSummary .balance, .transactionRow.year-title:nth-child(2n+1) .installmentSummary .balance, .installmentRow.year-title:nth-child(2n+1) .installmentSummary .balance {background-color: rgba(0,0,0,0) !important;}'
  440. 	+
  441. 	'.transactionRowHover:hover .transactionDetailsContainer .transactionAmount::before, .installmentRow:hover:not(.isInactive) .transactionDetailsContainer .transactionAmount::before, .transactionRowHover:hover .installmentSummary .balance::before, .installmentRow:hover:not(.isInactive) .installmentSummary .balance::before {background-image: -moz-linear-gradient(left, rgba(17, 84, 126, 0), #1a55a1) !important;}'
  442. 	+
  443. 	'.transactionRowHover:hover .transactionDetailsContainer .transactionAmount, .installmentRow:hover:not(.isInactive) .transactionDetailsContainer .transactionAmount, .transactionRowHover:hover .installmentSummary .balance, .installmentRow:hover:not(.isInactive) .installmentSummary .balance {background-color: #1a55a1 !important;}'
  444. 	+
  445. 	'.detailedTable-transactionColumn_date.detailedTable-transactionColumn_date {background: #122635 !important;}'
  446. 	+
  447. 	'.transactionRowHover:hover, .installmentRow:hover:not(.isInactive) {background-color: #0e3d72 !important;}'
  448. 	+
  449. 	'.detailedTable thead th {border-top: 1px solid #0b447d !important;}'
  450. );