Skip to content

tcg player darkmode by deotius

Details

Authordeotius

LicenseNo License

Categorydark mode

Created

Updated

Size26 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

darkmode tcgplayer

Notes

Userstyle doesn't have notes.

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.06
@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.