Skip to content

Darken TCGPlayer by royalba94

Screenshot of Darken TCGPlayer
Write a review Install Get Stylus

Details

Authorroyalba94

LicenseNo License

Categorytcgplayer.com

Created

Updated

Size24 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

An extensive modification of an old theme to make tcgplayer a little nicer to use

Notes

UPDATE 8/17/2024:

  • Fixed multiple issues with the filtering area due to layout change
  • Fixed minor issues with page spotlight area for better read-ability
  • Fixed errors in modal windows
  • Fixed header and dropdowns on articles website

UPDATE 4/1/2024:

  • Fixed search results and autocomplete background
  • Fixed input fields backgrounds
  • fixed various other things mainly to do with product pages

UPDATE 3/22/2024:

  • Updated colors for elements that changed due to website update

UPDATE 2/25/2024:

  • worked a lot on the articles and decklist views on TCGPlayer infinite
  • fixed some conflicting styles

UPDATE 2/24/2024:

  • did a lot of work on the cart area
  • Updates for the new seller messaging UI
  • Adjusted the search results and filter area to look better
  • lots of other minor little changes to clean things up

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. 
/* ==UserStyle==
@name         Darken TCGPlayer
@version      20231211.01.00
@namespace    userstyles.world/user/royalba94
@description  An extensive modification of an old theme to make tcgplayer a little nicer to use
@author       royalba94
@license      No License
==/UserStyle== */

@-moz-document domain("tcgplayer.com") {
body, html, [class^="marketplace-"], columns, [class^="search-toolbar"], [class^="product-details__listings"]{
    background: #121212 !important;
    color: #b9b9b9 !important;
}
  
    
    /*
[class^="product"], [class^="homepage"], [class^="seller-filter__option-value"]{
    color: #000 !important;
}  */
    
[class^="search-result"], [class^="listing-item product-details__listings-results"] {
    background-color: #272727 !important;
    color:white !important;
    border-radius: 5px;
}

.filter-bubbles__clear {
    color: #999 !important;
}

.search-layout, [class^="search-results"], [class^="shop-by-direct-container"]{
    background-color: #121212 !important;
}
    
.product-details-container {
    background: #535353 !important;
}
[class^="search-result-count"] {
    color:white !important;
    background-color: #121212 !important;
}
[class^="filter-drawer__body"] {
    background-color: #000000 !important;
    color: white !important;
}
[class^="checkbox__option-value"], [class^="filter-bubbles__title"], .shop-by-direct p[data-v-1e1fc916], [class^="shop-by-direct"] {
    color:white !important;
}
[class^="dismiss-bubble"], [class^="price-points"], [class^="latest-sales"], [class^="listing-item__add"], [class^="spotlight__add-to-cart"]{
    color: #000000 !important;
}
[class^="navbar-menu"] {
    background-color: #121212 !important;
}
label {
    color:#bb86fc !important;
    text-shadow: 0px 0px 1px #33333399;
}

hr {
    background-color: #535353 !important;
}
    
.drawer .sticky-bottom {
    background-color: #999 !important;
}
    
.tcg-drawer__header {
    background-color: #535353;
}
    


a, input, [class^="inventory_"] {
    color: #008fff !important;
}
[class^="account-actions__user-name"]{
    color: #8c9db0 !important;
}
[name^="autocomplete-drop-down"]{
    background: #000 !important;
    color: white !important;
}
[class^="charts-price"], [class^="spotlight__banner direct"]{
    color: #121212 !important;
}
[class^="charts-date"], [class^="charts-timeframe"], [class^="charts-item"], [class^="charts-settings"] {
    color: white !important;
}
[class^="charts-item active"] {
    color: white !important;
    background-color: #bb85fc !important;
}
/* path {
    fill: #008fff !important;
}*/
[class^="label-text"], [class^="spotlight__shipping"] {
    color: white !important;    
}
[class^="listing-item__price"]{
    color: #55b553 !important;
}
/*.product__item-details__toggle:before {
    background: linear-gradient(0deg,#121212 20px,hsla(0,0%,100%,0));
}*/

.product__item-details__toggle:before {
    background: linear-gradient(0deg,#535353 20px,hsla(0,0%,100%,0)) !important;
}

.card-description__toggle:before {
    background: linear-gradient(0deg,#b1b1b1 20px,hsla(0,0%,100%,0)) !important;
}

.sellerportal-navigation__main {
    background: #aaa !important;
    border-bottom: 1px solid var(--tcg-colors-surface-border-default,#515151) !important;
}

.widget {
    background: #333 !important;
    border: 1px solid #777 !important;
}

.table {
    background-color: #777 !important;
    color: #363636 !important;
}

.widget .title {
    background: #2a2a2a;
    border-bottom: 1px solid #888;
}

table.display tr.even.gradeA {
    background-color: #333;
}

table.display tr.odd.gradeA {
    background-color: #555;
}
label {
    color: #b25dcf !important;
}
#totals-row td {
    border-top: 1px solid #aaaaaa;
    background-color: #555;
}
div.dataTables_wrapper .ui-widget-header {
    background: #555;
}
.formRow {
    border-bottom: 1px solid #555555;
    border-top: 1px solid #555555;
}
.sTable tbody tr:nth-child(even) {
    background-color: #555;
}
.table.is-striped tbody tr:not(.is-selected):nth-child(2n) {
    background-color: #555;
}
.middleNav a {
    color: #fff !important;
}
.ready-to-ship {
    background-color: #2aa835!important;
}
.message-from {
    background-color: #555;
}
.price-guide__market-price-history-graph-container {
    background: #fff;
    border-radius: 8px;
}

.tcg-drawer__sheet {
    background-color: var(--tcg-component-drawer-background-color,var(--tcg-colors-surface-background-default,#999)) !important;
}

.tcg-table__table {
    background-color: #999 !important;
    border: 1px solid #535353 !important;
}

.bg-color-surface {
    background-color: #c3c3c3 !important;
}

.tcg-standard-button.tcg-standard-button--alternate {
    background-color: var(--tcg-colors-surface-background-default,#c3c3c3);
    border-color: var(--tcg-colors-surface-border-default,#999) !important;
    color: var(--tcg-colors-surface-text-subdued,#535353) !important;
}

.tcg-table-footer {
    color: #999 !important;
}

.sellerportal-shell__footer {
    border: 0px solid var(--tcg-colors-surface-border-default, #d4d7e2) !important;
}

.tcg-standard-button.tcg-standard-button--default {
    background-color: var(--tcg-colors-surface-background-alt,#c3c3c3);
}

.tcg-table__table tr {
    background-color: #535353 !important;
    border-bottom: 1px solid #999 !important;
}

.report-problem__activator {
    color: #000000 !important;
}

.report-problem__activator path {
     fill: #008fff !important;
}

.search-bar {
    background-color: #333333 !important;
}

.search-bar__recent-searches {
    background: #535353 !important;
}

.search-bar__recent-searches__title {
    border-bottom: 1px solid #121212 !important;
}
    
.search-bar__suggestions {
    background: #535353 !important;
}
    
.search-bar__autocomplete {
    background: #535353 !important;
}

.trending-search {
    border-bottom: 1px solid #121212 !important;
}

.recent-search {
    border-bottom: 1px solid #121212 !important;
}

.search-bar__clear-term {
    background: #535353 !important;
}

.input, .textarea {
    background-color: #fff0;
    border-color: #bdc4ca;
    color: #999 !important;
}

.search-bar .field {
    border: 1px solid #999 !important;
}

.search-bar__spyglass path {
     fill: #535353 !important;
}

.dropdown-content {
    background-color: #c3c3c3 !important;
}

.product-details__recommendations {
    background-color: #1c1c1c !important;
    padding-top: 24px;
}

.price-guide__market-price-history-graph-container {
    background: #c3c3c3 !important;
}

.charts-settings-display .charts-parent-container {
    background-color: #c3c3c3 !important;
}

.image-set__square {
    background-color: #e3e3e3 !important;
}

.lazy-image__wrapper {
    background-color: #e3e3e3 !important;
    border-radius: 12px;
}

.lazy-image__wrapper .v-lazy-image {
    border-radius: 12px;
    mix-blend-mode: multiply;
}

.product-details__syndication {
    background: #5f5f5f !important;
    border-bottom: 1px solid #797979 !important;
}

.shop-by-direct p {
    color: #c3c3c3 !important;
}

.tcg-input-checkbox__input-toggle {
    border: var(--tcg-component-input-checkbox-border-width,.125rem) solid var(--tcg-component-input-checkbox-border-color,var(--tcg-colors-surface-text-default,#5f5f5f)) !important;
}

.search-filter__title {
    color: #999 !important;
}

.shop-by-seller-title span {
    color: #999 !important;
}

.availability-title {
    color: #999 !important;
}

.search-filter__label {
    color: #999 !important;
}

.filter-bubbles {
    border-bottom: 2px solid #535353 !important;
}

.shop-by-direct {
    border-bottom: 2px solid #535353 !important;
}

.shop-by-seller {
    border-bottom: 2px solid #535353 !important;
}

.availability {
    border-bottom: 2px solid #535353 !important;
}

.search-filter {
    border-bottom: 2px solid #535353 !important;
}

.breadcrumbs {
    background-color: #272727 !important;
    padding: 1rem !important;
}

.marketplace__content {
    background-color: #1c1c1c !important;
}

.bg-container {
    background: #1c1c1c !important;
}

.page-container {
    background: #535353 !important;
}

.cart-summary {
    background-color: #999 !important;
}

.cart-summary h3 {
    color: #333 !important;
}

.optimize-btn-block {
    background: #c3c3c3 !important;
}

.optimize-btn-block .optimize-btn {
    background: #e3e3e3 !important;
}

.product-recommendations__carousel .search-result__content {
    border: 1px solid #535353 !important;
}

.modal__title {
    background-color: #272727 !important;
    color: #b9b9b9 !important;
    border-bottom: 1px solid #dee3ea;
}

.modal__content {
    background-color: #272727 !important;
    color: #b9b9b9 !important;
    height: 100%;
    overflow: hidden;
}

/* .price-points tr:nth-child(odd) {
    background-color: #999 !important;
} */

.price-points tr:nth-child(2n) {
    background-color: #c3c3c3 !important;
}

/*
.header {
    background-color: #999 !important;
}
*/

.latest-sales li:nth-child(odd) {
    background-color: #c3c3c3 !important;
}

.latest-sales li:nth-child(2n) {
    background-color: #999 !important;
}

.saved-item {
    background-color: #999 !important;
}

.recently-viewed__product {
    background-color: #333 !important;
}

.recently-viewed__content {
    border: 1px solid #999 !important;
}

.content .image-wrapper {
    background-color: #c3c3c3 !important;
}

.mp-select select {
    background-color: #c3c3c3 !important;
}

.tcg-standard-button.tcg-standard-button--flat {
    color: #999 !important;
}

.homepage-content__title {
    color: #999 !important;
}

...

Reviews

No reviews yet.