Shopee Black by tobekko

/* ==UserStyle==
@name         Shopee Black
@version      20210904.02.13
@namespace    userstyles.world/user/tobekko
@description  Shopee but with less vibrant color codes. 

@author       tobekko
@license      No License
==/UserStyle== */

/* ==UserStyle==
@name         Shopee Black
@version      20210821.00.59
@namespace    userstyles.world/user/tobekko
@description  Shopee but with less vibrant color codes. 
@author       tobekko
@license      MIT
==/UserStyle== */

@-moz-document domain("shopee.com.my") {
.theme--ofs {
    --brand-primary-color: rgb(0, 0, 0, .7);
    --brand-primary-light-color: rgb(255, 254, 254);
}
.shopee-searchbar > .btn-solid-primary:not(.disabled) {
    background: #000;
}
.shopee-searchbar > .btn-solid-primary:not(.disabled):hover {
    background: #353535;
}
.ofs-header__top,
.iTmqFf,
._2s-sXW {
    background: #333 !important;
}
.navbar-wrapper {
    background: black;
}
.theme--ofs .btn-solid-primary {
    background: #000;
}
div.shopee-page-controller button.shopee-button-solid.shopee-button-solid--primary {
    background: #606060 !important
}
.theme--ofs .btn-solid-primary:not(.btn-solid-primary--disabled):hover {
    background: #555;
}
.ofs-header__right > .shopee-searchbar {
    width: 32.5rem;
    transition: width .6s cubic-bezier(.4, 0, .2, 1) .6s;
    padding: 0;
    border: .1875rem solid #999;
}
.theme--ofs .shopee-cart-number-badge,
.theme--ofs .shopee-notification-number-badge {
    color: #fff;
}
.shopee-cart-number-badge,
.shopee-notification-number-badge {
    background-color: #353535;
}
body {
    background-color: #000;
}
._3YDLCj, div.page-product__content--left div.recommendation-by-carousel div div.shopee-header-section.shopee-header-section--simple div.shopee-header-section__header div.shopee-header-section__header__title div {
    color: #a2a2a2;
}
.card {
    background: #2d2d2d;
    border-radius: 3px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .05);
}
._1HEBVl {
    padding: 15px 20px;
    background: #2d2d2d;
}
.ap-ext-shopee .ap-panel-widget {
    background: #2d2d2d;
    border-top: 3px solid #a2a2a2;
}
.ap-ext-shopee .ap-panel-widget__header {
    background: #353535;
}
.ap-ext-shopee .ap-add-favorite-trackers__label {
    color: var(--favoriteBtnTrackerFontColor);
    border: 1px solid #5b5b5b;
    background: #2d2d2d;
}
.ap-ext-shopee .ap-add-favorite-add {
    color: #FFF;
    background: #2d2d2d;
}
.theme--ofs ._3e_UQT,
.theme--s-mart ._3e_UQT {
    color: #fff;
}
.theme--ofs ._3e_UQT,
.theme--s-mart ._3e_UQT,
._35mN_Y {
    color: #fff;
}
.theme--ofs ._3upnJr .orignal-guarantee-icon__path--fill,
.theme--s-mart ._3upnJr .orignal-guarantee-icon__path--fill {
    fill: #696969;
}
._39mrb_,
div.flex.items-center._1IGjyx div div._3lmgJl,
._3PT4Mu,
._3lmgJl,
._1ch6YI,
._37N1Ff {
    color: rgba(179, 179, 179, 0.54) !important;
}
._3nBAy8 {
    border-left: 1px solid rgba(255, 255, 255, 0.11);
}
._2Sv-zW,
._3B8pDU,
._3AHLrn,
._2eHOth,
._2fakLZ > path:nth-child(1),
div._3HMG0A.aPPgp7 div.flex div svg path {
    fill: #ccc !important
}
.aca9MM,
.attM6y > span:nth-child(2),
.OitLRu,
._3yjqG-,
.item-card-special__name,
.product-shop-hot-sales__header {
    color: #eee
}
.mini-vouchers__mask {
    background: linear-gradient(90deg, hsla(0, 0%, 100%, .001) 80%, #2d2d2d);
}
.voucher-ticket--seller-mini-solid::after,
.voucher-ticket--seller-mini-solid::before {
    background-image: radial-gradient(#2d2d2d 2px, transparent 0);
}
.theme--ofs .mini-vouchers .voucher-ticket--seller-mini-solid,
.voucher-ticket--seller-mini-solid {
    background: #ddd;
}
.theme--ofs .mini-vouchers .voucher-briefing__code,
.theme--ofs .mini-vouchers .voucher-briefing__discount,
.voucher-ticket--seller-mini-solid,
.theme--ofs .mini-vouchers .voucher-ticket,
.theme--ofs .mini-vouchers .voucher-ticket__promo {
    color: #333 !important;
}
._90fTvx .shopee-input-quantity {
    background: #cbcbcb;
}
.theme--ofs .btn-solid-primary:not(.btn-solid-primary--disabled):hover {
    background: #fff;
    color: black;
}
button.btn.btn-tinted.btn--l._3Kiuzg._1D3GfE {
    background: rgba(255, 255, 255, 0.72);
}
button.btn.btn-tinted.btn--l._3Kiuzg._1D3GfE:hover {
    background: #fff;
    color: black;
}
._3evuG0,
.product-detail {
    background: #2d2d2d;
}
._30c9xz,
._3F3h4q,
.qs4le9,
._1TLPCK,
.RJy7fe {
    color: #7d7d7d;
}
svg.ELoIiZ path {
    stroke: white
}
.carousel-arrow--hint {
    background-color: #000;
}
.carousel-arrow--hint > .shopee-svg-icon {
    color: rgb(255, 255, 255);
}
.shopee-top {
    background: linear-gradient(-180deg, #555, #000);
}
.shopee-search-result-header,
._18b78C,
._7zFjZr,
._3LfHXA,
._2id4-o {
    color: #cecece;
}
span.shopee-search-result-header__text-highlight,
._2tDqUs {
    color: #fff !important
}
._2-GXl7 {
    color: #fff
}
.shopee-button-solid,
._3wGW0m,
._39ypT2,
._2GvoV8,
._3gqFUQ,
.shop-search-page__filter-wrapper {
    background: #333 !important;
}
._3zmZLR {
    min-height: 740px;
    background: #333;
    box-shadow: 0 0 0 2px #333;
}
.shopee-button-solid:hover {
    background: #262626 !important;
}
.shopee-search-result-header .icon-hint-bulb,
.shopee-sort-bar__label,
.shopee-mini-page-controller__current,
.mini-vouchers__label,
label,
._39mrb_,
._3vqarT,
._1mzPZQ,
.go5yPW,
._2CWevj,
._3dnPDz,
._3uf2ae,
._2eVntT,
._2lG70n,
.aQNMRY,
._2WGfBS,
.TQG40c,
._3iiDCN,
._2PrdXX,
.shopee-shop-collection-filter__header,
.shopee-shop-collection-filter__collection,
._1LYq_U,
.shopee-filter-group__toggle-btn {
    color: #cbcbcb !important;
}
.shopee-shop-collection-filter__collection:hover {
    color: #fff !important
}
._3Qy6bH,
._1afiLm,
._2Sv-zW,
.items-center,
.page-product__breadcrumb,
._2KvfoN,
._1vaMrj,
.R2Ygax,
.gRuynh,
._1hbAgh,
div.flex._3AHLrn div.flex div,
._2pGc2E,
div._3yZnxJ span,
._3yZnxJ,
div.flex._3AHLrn div.flex div,
.attM6y,
.shopee-filter-group__header,
.MWc1_R,
.navbar-with-more-menu__item,
.product-shop-vouchers__header,
.product-ratings__header,
._3CHLlN,
._3S9myJ,
._2kcHb7 {
    color: #eee !important;
}
.shopee-product-rating__variation,
.shopee-product-rating__time,
.shopee-product-rating__like-count,
.product-ratings-comments-view__no-data__text {
    color: rgba(255, 255, 255, 0.4) !important;
}
.shopee-product-rating__author-name {
    color: #fff
}
.shopee-product-rating__tag {
    color: rgba(255, 255, 255, .4);
    border: 1px solid rgba(255, 255, 255, .4);
}
.shopee-product-rating__report-menu-dropdown {
    box-shadow: 0 1px 5px 0 rgba(255, 255, 255, .05);
    color: rgba(255, 255, 255, .8);
}
.shopee-product-rating__report-menu-button .stardust-dropdown__item-body,
._3D9BVC {
    background: #000;
}
.product-rating-overview {
    background-color: #464646;
    border: none;
}
.product-rating-overview__score-wrapper {
    color: #fff !important
}
.icon-arrow-down,
.icon-arrow-up,
.icon-arrow-left,
.icon-arrow-right,
svg.shopee-svg-icon.icon-help g path {
    fill: #eee !important
}
svg.shopee-svg-icon.icon-help g circle {
    stroke: #eee !important
}
._1xdYod:hover ._2Sv-zW,
.shopee-mini-page-controller__state,
.shopee-mini-page-controller__total,
.ofs-recommend-page-header__title {
    color: #fff !important;
}
.shopee-address-picker,
._1DGdLL,
._35LNwy .fBhek2 {
    background-color: #000;
}
.shopee-address-picker__search-bar {
    background-color: #666;
    color: #000
}
.shopee-address-picker__search-bar input,
._2xZtUb {
    background-color: #000;
    color: #fff;
}
.__cjXF {
    background-color: #222
}
.shopee-address-picker__search-bar > input:nth-child(1)::placeholder {
    color: #fff!important
}
.sprite-product-sharing,
._2geN66 {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.mall_selling_points-my-background {
    -webkit-filter: grayscale(30%);
    filter: grayscale(30%);
}
.icon-free-shipping-line {
    stroke: #999 !important
}
.shopee-icon-button {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.72);
}
.btn-tinted {
    background-color: #fff !important
}
.btn-tinted:hover {
    background-color: #000 !important;
    color: #fff !important;
    stroke: #fff !important
}
.Pca2IN,
.shopee-footer-section__content {
    background-color: #262626;
    color: rgba(255, 255, 255, .54);
}
.ofs-carousel__header,
.ofs-carousel__items {
    background: #000;
}
.footer-my-background,
._2OIm6O {
    -webkit-filter: invert(100%) grayscale(100%);
    /* Safari 6.0 - 9.0 */
    filter: invert(100%) grayscale(100%);
}
._2gMLp6,
._1ObP5d,
.product-ratings {
    background-color: #333;
    color: #ddd
}
.Oi0pcf {
    color: rgb(60, 60, 60)!important
}
.shopee-product-rating__like-button svg {
    fill: #aaa !important;
}
.product-ratings__page-controller button.shopee-button-no-outline {
    background-color: #555;
    color: #ddd !important
}
div.shopee-page-controller button.shopee-button-no-outline:hover {
    background-color: #262626 !important;
    color: #ddd !important
}
.shopee-button-no-outline {
    color: #cbcbcb !important
}
.shopee-header-section__header__title {
    color: #000;
}

._2Nidx_ {
    background-color: #eee
}
svg.ELoIiZ path,
div._3nzERx svg path {
    stroke: #fff
}
.section-recommend-products__see-more-button {
    color: rgba(255, 255, 255, 0.8);
    background-color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.63);
}
.shopee-button-no-outline {
    color: rgba(0, 0, 0, .8);
    background-color: #acacac3d;
}
.section-banner-hotword--no-skin {
    background-color: #acacac3d
}
._2hR6ab {
    background-color: #555;
}
.shop-page__info,
.product-shop-hot-sales,
.item-card-special,
.product-shop-vouchers {
    background-color: #333 !important
}
.navbar-with-more-menu,
.navbar-with-more-menu__wrapper,
.more-menu__content {
    background-color: #000 !important;
}
.navbar-with-more-menu__item {
    border-bottom: 4px solid #333;
}
.section-seller-overview-horizontal__seller-info-list {
    background-color: #ececec
}
.rating-media-list-carousel-arrow--hint,
.media-list-carousel-arrow,
.rating-media-list-carousel-arrow {
    background-color: #111
}
.car...