Eye-friendly magic in your browser for Paypal
//
// Written by Glenn Wiking
// Script Version: 0.2.1b
// Date of issue: 02/09/17
// Date of resolution: 02/09/17
//
// ==UserScript==
// @name ShadeRoot Paypal
// @namespace SRPP
// @description Eye-friendly magic in your browser for Paypal
// @include https://*paypal.*
// @include *paypal.*
// @include https://*paypal-topup.*
// @include *paypal-topup.*
// @version 0.2.1b
// @icon https://i.imgur.com/Ob9WKt8.png
// ==/UserScript==
function ShadeRootPP(css) {
var head, style;
head = document.getElementsByTagName('head')[0];
if (!head) { return; }
style = document.createElement('style');
style.type = 'text/css';
style.innerHTML = css;
head.appendChild(style);
}
ShadeRootPP (
//BG COLOR
'html, .row-fluid, .vx_foreground-container {background-color: #1a2c3c !important;}'
+
//TEXT COLOR
'.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;}'
+
//TEXT COLOR 2
'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;}'
+
'.pp-header.table-row::after {border-bottom: 1px solid rgba(30, 68, 125, 0.78) !important;}'
+
'.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;}'
+
'.btn-signup {background-color: #188df0 !important;}'
+
//IMG OPACITY
'img, .editorial-img {opacity: .8 !important;}'
//"CIRCLE" COLOR
+
'p.circle {border: 1px solid #2674a5 !important;}'
+
//DIV COLOR 1
'.global-footer, .container-fluid, .contents, .besthelp_quicknav_adjustheight, #grandFooter, #besthelp_quicknav, .vx_globalFooter, .falconTray {background-color: #111c24 !important;}'
+
'.nav, .progress {background-color: #1d5f8f !important;}'
+
//DIV COLOR 2
'.engagementMainBar-container, .theoverpanel, .wallet {background-color: #143459 !important;}'
+
//DIV COLOR 3
'.engagementStatusModule, .mainBody, .overpanel-wrapper,.overpanel-content, .menu, .overpanel-body {background-color: #0d1b29 !important;}'
+
'.emSlideDownContainer {border-top: 1px solid #1C4865 !important; border-bottom: 1px solid #1A547B !important;}'
+
'.engagementMainBar-separator {color: #115175 !important; background-color: #155c84 !important;}'
+
'.profileStatus::after {border-top-color: #143459 !important;}'
+
'.tabs-wrapper .nav-tabs > li > a {color: #c0d9e6 !important};'
+
'.selectModule.active::before {border-top-color: 1px solid #1C4865 !important;}'
+
'hr {background-color-image: linear-gradient(to right,#1e73a8 50%,rgba(255,255,255,0) 40%) !important;}'
+
'.language {border-right: 1px solid #12588c !important;}'
+
'.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;}'
+
'#besthelp_search_input {background-color: #255d93 !important; border: 1px solid #1f78c5 !important; color: #d6dcdd !important;}'
+
'#besthelp_quicknav_container, #besthelp_quicknav_body, #contents, #besthelp_master_container, #gblFooter, #onboardingContent {background-color: #1c5687 !important;}'
+
'#besthelp_quicknav_body_inner {border-top: 1px #2a599f solid !important;}'
+
'.vx_globalFooter {border-top: 1px solid #0b1e2f !important; text-shadow: 0 1px 1px #145093 !important;}'
+
'.vx_globalFooter_secondary {border-top: 1px dotted #1a5784 !important;}'
+
'#besthelp_master_container, #besthelp_call_topcontact_container, .panel-default, .panel, .panel-body, #besthelp_critical_alerts_body, #besthelp_critical_alerts_container {background-color: #1C5687 !important;}'
+
'a:hover, .vx_globalFooter-list a:hover {color: #4093bd !important;}'
+
'.parallax-bg, .hero-bg, .paypal {filter: brightness(.8);}'
+
'.pageHeadline {color: #0a6bda !important;}'
+
'.box, .emSlideDownContainer {border-top: 1px solid #164069 !important; border-bottom: 1px solid #183c53 !important; background: #1A2C3C !important;}'
+
'html[data-device-type="dedicated"] tbody, html[data-device-type="portable"] tbody {border-left: 1px solid #3b789f !important;}'
+
'tr {border-bottom: 1px solid #367ba7 !important;}'
+
'.four-panel {border-top: 1px solid #15426e !important;}'
+
'.pp-header.table-row > div {background: #0e385c33;}'
+
'.paypal {border-right: 1px solid #185F8D !important;}'
+
'.footer .legalFooter, footer ul {background-color: #102636 !important;}'
+
'.textInput input, .textInput textarea {border: 1px solid #175183 !important; background: #0a2a48 !important; color: #93cae4 !important;}'
+
'a.button.secondary, a.button.secondary:link, a.button.secondary:visited, .button.secondary {background-color: #0C4A87 !important; color: #BCD8E6 !important;}'
+
'.loginSignUpSeparator, .footerNav {border-top: 1px solid #176c9c !important;}'
+
'.textInSeparator {background-color: #176c9c !important; color: #cae0ec !important; border-radius: 8px !important;}'
+
'.form-container {border-left: 1px solid #163E4E;}'
+
'html[data-device-type="dedicated"] .social-img {border-radius: 7em !important;}'
+
'.notificationContainer.caret::after {border-color: transparent transparent #26456c !important;}'
+
'.notificationContainer.caret::before {border-color: transparent transparent #28679c !important;}'
+
'.notificationContainer.caret {border: 1px solid #225e84 !important; background: #124774 !important; text-shadow: 0 1px #2b76bf !important;}'
+
'.back-arrow {color: #4EAEE7 !important;}'
+
'.decisionTable table tr th:first-child, .decisionTable table tr td:first-child {border-left: 1px solid #2975b6 !important;}'
+
'.decisionTable table tr th {background: #12416e !important; border-top: 1px solid #2882bc !important;}'
+
'.decisionTable table tr th, .decisionTable table tr td {border-right: 1px solid #1674b0 !important; border-bottom: 1px solid #1d7cb0 !important;}'
+
'.decisionTable th {border: 1px solid #1f6eb100 !important;}'
+
'#upgradeAccount {border-radius: 1em !important; padding: 1em !important;}'
+
'.verticalRule {border-left: 1px solid #238ac2 !important;}'
+
'.mask {background-color: #1D5F8F !important;}'
+
'.contentContainer header {background: #164c80 !important; padding: .5em;}'
+
'.contentContainer {background-color: #173f63 !important; padding: 1em !important;}'
+
'a .icon {background: rgba(23, 42, 53, 0.8) !important;}'
+
'.vx_globalNav-list li.vx_isActive a, .vx_globalNav-list li.vx_isActive a:active {border-bottom: 1px solid #104272 !important;}'
+
'.feature-bundle .vx_globalNav-navContainer .vx_globalFooter-list a:hover {color: #143a53 !important;}'
+
'.fiModule-container, .activityModule {border: 1px solid #115d9e !important; background-color: #143254 !important;}'
+
'.fiModule-title-header {color: #aed5e9 !important;}'
+
'.fiModule-list-item {border-bottom: 1px dotted #368fc5 !important;}'
+
'.fiModule-container_shadow {box-shadow: 0 2px 2px #0d3363 !important;}'
+
'.setupStep-almostDoneState .setupStep-icon, .setupStep-doneState .setupStep-icon {background: #0e4472 !important; border: 1px solid #1f87ed !important; color: #2186e9 !important;}'
+
'.welcomeMessage.active .vx-btn_toggleProfileStatus {background-color: #0b2a44 !important;}'
+
'.selectModule.active::before {border-top-color: #185680 !important;}'
+
'.col-sm-4 {padding-bottom: 1em !important;}'
+
'.help:hover, .help:focus, .help:active {background: #1464b3 !important;}'
+
'.overpanel-body .image.pp, .overpanel-body .logo.pp {border: 1px solid #134e81 !important;}'
+
'.hasSpinner::after {background: #104b7e !important;}'
+
'.fundingSources .moduleHeader {border-bottom: 1px solid #255b98 !important;}'
+
'.paypalSourcesContainer {padding: 20px 1em 135px !important;}'
+
'.banking, .addFI.card {background: #14568f !important;}'
+
'.help-information.open::after, .no-js .help-information::after, .help-information.open::after, .no-js .help-information::before {border-color: transparent transparent #0d568d !important;}'
+
'#iban-help-information {background: #103e72 !important; border-radius: 0em 0em 1em 1em !important; padding: .5em !important;}'
+
'.help-information-open {text-shadow: none !important;}'
+
'.customDates-field {color: #89cbec !important; background: #12476e !important;}'
+
'.date-picker-wrapper {background-color: #083853 !important;}'
+
'.month-wrapper {background-color: #0f5693 !important; border-right: solid 1px #1667b7 !important;}'
+
'.date-selected {background: #25485900 !important;}'
+
'.vx_form-control {border: 1px solid #0e6dbd !important; background: #124368 !important; color: #d1e9f6 !important;}'
+
'.displayMode-btn {color: #bce2f5 !important;}'
+
'.filterTagOval {background-color: #48b2ec !important;}'
+
'.vx_form-control_complex input {background: #264a68 !important; color: #d0e5f2 !important;}'
+
'.vx_form-control {background: #1a3657 !important;}'
+
'.popover {background-color: #154060 !important;}'
+
'.popover.bottom > .arrow::after {border-bottom-color: #154060 !important;}'
+
'.advancedSearch-txnTypeOval {background-color: #2964bc !important;}'
+
'.modal-overlay, .spinner.loading {background-color: #0f2a51 !important;}'
+
'.selected {background-color: #12344e !important;}'
+
'.challenge-list {border-top: solid #2a4f68 !important;}'
+
'.modal-animate {background: #071b27 !important; color: #DDE9EE !important;}'
+
'.css-15c4zbn {background-color: #0d2132 !important; border: 1px solid rgb(12, 69, 101) !important; color: rgb(197, 221, 239) !important;}'
+
'.css-47cvlc {color: rgb(197, 221, 239) !important;}'
+
'.engagementBanner-background_transferMobile, .transferBannerContainer {background-color: #11324b !important;}'
+
'.transferActionColumns:not(:last-child) {border-right: 1px solid #2f5d8a !important;}'
+
'.engagement-0-listItem .selectModule::after, .engagement-1-listItem .selectModule::after, .engagement-2-listItem .selectModule::after {border-top-color: #123557 !important;}'
+
'.moduleHeaderLink::after {border-top: 2px solid #a9ccde !important; border-right: 2px solid #87a3b1 !important;}'
+
'.address div, .overpanel-body dd, .overpanel-body .overpanel-description, .moduleHeaderLink, .nemo_moduleHeaderLink {color: #bce2f5 !important;}'
+
'.emModule, .js_emModule, .nemo_EM_ShopBanner, .active {filter: brightness(.8) !important;}'
+
'.mpiHeader {color: #1a3254 !important;}'
+
'.settings .account .vx_panel, .settings .security .vx_panel, .settings .paymentsTab .vx_panel, .settings .logInWithPaypal .vx_panel {background: #17212f !important;}'
+
'.profileDetail-container {border-bottom: thin solid #1c4459 !important;}'
+
'.lined li {border-bottom: 1px solid #1f4f72 !important;}'
+
'.custom-select {background: #193a60 !important; color: #DDE !important;}'
+
'.navbar {background: #4f6780 !important; min-height: 70px !important;}'
+
'body {background-color: #142130 !important; color: #DDE;}'
+
'.jumbotron {background-color: #1b3e66 !important;}'
+
'.jumbotron-default {border-top: 1px solid #0f4166 !important; border-bottom: 1px solid #173f62 !important; background: #0f314a !important;}'
+
'hr.footer {border-top: 1px solid #1b3f62 !important;}'
+
'.row-footer a {color: #c1d5e3 !important;}'
+
'.well {background-color: #153f60 !important; border: 1px solid #185a7a !important;}'
+
'.ph1-consumer-report, .main-content, #besthelp_guest2_body, #besthelp_quicknav_container {background-color: #163957 !important;}'
+
'.slide p {color: #e1f9fb !important;}'
+
'.loader-wrapper {background-color: #123047 !important; border: solid 1px #114c74 !important;}'
+
'.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;}'
+
'h2, .vx_text-2, .active div span {color: #DDE !important;}'
+
'.nav-tabs {border-bottom: 1px solid #154686 !important;}'
+
'.vx_hr {border-top: 1px solid #125278 !important;}'
+
'.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;}'
+
'.nav-tabs > li > a {background-color: #2b4963 !important; color: #b7d1de !important; border-color: #25496c !important;}'
+
'.Select {background-color: #164069 !important;}'
+
'.Select-menu-options {background: #23577d;}'
+
'.Input {background-color: #123350 !important; border: 1px solid #327a9e !important; color: #c5e0ed !important;}'
+
'.tab-item-count {color: #32a0d7 !important;}'
+
'.tabs-wrapper .nav-tabs > li > a {color: #ceeaf8 !important; border-color: #214b75 !important;}'
+
'.Select-menu-options:hover {background-color: #0e3a56 !important;}'
+
'.tabs-wrapper .nav-tabs > li > a:hover {border-color: #184572 !important; background-color: #1a436c !important;}'
+
'.filter-text {color: #b5cfdd !important;}'
+
'table#dispute td {border-bottom: 1px solid #185684 !important;}'
+
'table td {background-color: #172f47 !important;}'
+
'table#dispute {border: 1px solid #21486e !important; border-top: 1px solid #245387 !important; background-color: #174b86 !important; color: #DDE !important;}'
+
'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;}'
+
'.caseTable thead th {border-top: 1px solid #1D59A7 !important; color: #DDE !important;}'
+
'#inexperienced .info {border: 1px solid #1c4472 !important; background: #10324b !important;}'
+
'.tabItems li.top {color: #b5cfdd !important; border-bottom: 1px solid #406596 !important; background: #205a86 !important;}'
+
'.tabItems li {background: #1b5383 !important; color: #c9dcef !important;}'
+
'.tabItems li a, #navGlobal ul li a {color: #c9dcef !important;}'
+
'#html-rosetta {background: #11406e !important;}'
+
'.tabContent {border: 1px solid #164d71 !important;}'
+
'#navPrimary ul {background: none !important;}'
+
'.tabItems .top p, .tabItems li p {background: #1a4474 !important;}'
+
'.tips ul li a {color: #3b84d1 !important;}'
+
'.row-fluid {background-color: #11457700 !important;}'
+
'.callout {border-top: 1px solid #1f496c !important;}'
+
'.welcome .last .box {border: 1px solid #144875 !important;}'
+
'.welcome .last .box h3 {background-color: #17426e !important;}'
+
'.welcome .first .box {border: 1px solid #20497e !important;}'
+
'.welcome .first .box .body {border-top: 1px solid #2a516e !important;}'
+
'table.basic th {border-bottom: 1px solid #1f5183 !important; border-right: 1px solid #16507b !important; background-color: #244f7a !important;}'
+
'table.basic {border: 1px solid #1b4c77 !important;}'
+
'table.basic td {border-bottom: 1px solid #15436b !important;}'
+
'.datatable .title, .datatable .filters, .datatable .actions, .datatable .pagination {border-top: 1px solid #1c557a !important; border-bottom: 1px solid #1f4f74 !important;}'
+
'.datatable {border: 1px solid #245381 !important;}'
+
'.datatable .title {background: #0b334d !important;}'
+
'.datatable table {border-top: 1px solid #133363 !important; border-bottom: 1px solid #174466 !important;}'
+
'.welcome #headline .metadata li a {color: #3b84d1 !important;}'
+
'.datatable tr th {border-bottom: 1px solid #0f4675 !important; background-color: #2d4257 !important;}'
+
'.datatable tr th {border-right: 1px solid #153a6b !important;}'
+
'.datatable .actions {background: #15212a !important;}'
+
'.datatable table {border-bottom: 1px solid #163A56;}'
+
'.links li a {color: #4594e6 !important;}'
+
'.sidebox {border: 1px solid #234f74 !important;}'
+
'h3.head {border-bottom: 1px solid #0a4e9b !important; border-top: 1px solid #14588a !important; background-color: #224975 !important;}'
+
'.conversionCont {border: 1px solid #27629B !important;}'
+
'.messageBox {background-color: #1e507b !important; border: 1px solid #1686da !important;}'
+
'.section, .invoice nav#subNav {background-color: #124169 !important;}'
+
'.invoice .pageHeader {border-bottom: 1px solid #116398 !important;}'
+
'#activity table thead tr th {border-bottom: 1px solid #235a89 !important;}'
+
'.form-control {background-color: #22354b !important; border: 1px solid #4077a5 !important; color: #bbd2e3 !important;}'
+
'.dropdownBlockLarge .dropDownButton, .dropdownSplitButtonLarge .dropDownButton {background-color: #195ea1 !important; border: 1px solid #1b70a7 !important;}'
+
'#basicFilterStatus .tabInActive {background-color: #1f3650 !important; border-color: #1A5690 !important;}'
+
'.eightballExperience #basicFilter * *, #advFilter1Value1 * *, #memoText * *, #invoicesummaries .dropdown-menu * *, .modal * *, #itemsummaries .dropdown-menu * *, #recipientEdit * *, #searchContactBook * *, #BusinessInform * *, .itemDescription * *, h3#businessInformation * * {color: #cde1ec !important;}'
+
'.invoice nav#subNav ul.tabnav li.main-menu.active > a {color: #D6EFFC !important;}'
+
'.invoice nav#subNav hr {border-top-color: #0D6EA4 !important;}'
+
'.modal-content {background-color: #164466 !important;}'
+
'.modal-header {border-bottom: 1px solid #38649e !important;}'
+
'.theme-background-color-white {background-color: #0c2a4b !important;}'
+
'.theme-background-color-light {background-color: #121e30 !important;}'
+
'.global-footer .footer-main a {color: #aac7d5 !important;}'
+
'.panelContent {border: 1px solid #255e84 !important;}'
+
'.settings .security li {border-bottom: 1px solid #205f8d;}'
+
'.vx_panel-header, .vx_panel-text, .vx_panel-action {color: #d1e5f0 !important;}'
+
'.settings .notifications .contact a {color: #63b3ff !important;}'
+
'.settings .letmeknow, .settings .statements {color: #309eef !important;}'
+
'.settings .notiRow:not(:last-child) {border-bottom: 1px solid #155c98 !important;}'
+
'.footer {background-color: #0E2835 !important;}'
+
'.theoverpanel .nameEdit .choiceBox {border-color: #17436f !important;}'
+
'#stdpage, #page {background-color: #10202F !important;}'
+
'#bheader {border-bottom: 1px solid #122F45 !important; text-shadow: 0 1px #194475 !important; box-shadow: 0 2px #123159 !important;}'
+
'#bfooter {text-shadow: 0 1px 1px #103f62 !important; border-top: 1px solid #102e4d !important;}'
+
'#page #content {background: #14344b !important;}'
+
'#bheader > .navbar-inner {background: none repeat scroll 0 0 #1E486C !important;}'
+
'#bheader .globalNav a, #bfooter .navbar-inner .inline li a {color: #d8ebf3 !important; text-shadow: 0 1px 1px #15364E !important;}'
+
'.backlink a {color: #6ba6e4 !important;}'
+
'.react-p2p_wrapper div div div {background: #152739 !important;}'
+
'.headerBox_dpbx39, .cardBack_13g6txt {background: #152739 !important;}'
+
'.wrapper {background-color: rgba(18, 38, 87, 0.5) !important;}'
+
'.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;}'
+
'.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;}'
+
'.transactionRow .transactionType, .installmentRow .transactionType, .transactionRow .installmentSummary .creditPlanType, .installmentRow .installmentSummary .creditPlanType {color: #1576bd !important;}'
+
'.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;}'
+
'.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;}'
+
'.transactionRowHover:hover .transactionDetailsContainer .transactionAmount, .installmentRow:hover:not(.isInactive) .transactionDetailsContainer .transactionAmount, .transactionRowHover:hover .installmentSummary .balance, .installmentRow:hover:not(.isInactive) .installmentSummary .balance {background-color: #1a55a1 !important;}'
+
'.detailedTable-transactionColumn_date.detailedTable-transactionColumn_date {background: #122635 !important;}'
+
'.transactionRowHover:hover, .installmentRow:hover:not(.isInactive) {background-color: #0e3d72 !important;}'
+
'.detailedTable thead th {border-top: 1px solid #0b447d !important;}'
);