Alternative Shopee.co.th dark mode.
Shopee Thailand Dark by jasonm23
Details
Authorjasonm23
LicenseMIT
CategoryShopping
Created
Updated
Size15 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
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 Shopee Thailand Black
@version 20240310.12.21
@namespace userstyles.world/user/jasonm23
@description Shopee dark mode.
@author jasonm23
@license MIT
==/UserStyle== */
/* ==UserStyle==
@name Shopee Black
@version 20240310.12.21
@namespace userstyles.world/user/jasonm23
@description Shopee but with less vibrant color codes.
@author jasonm23
@license MIT
==/UserStyle== */
@-moz-document domain("shopee.co.th") {
span[aria-label='promotion price'] + div {
color: black;
}
.shopee_ic .text-sm {
color: black;
}
.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: #222;
}
._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 {
backgr...