/* ==UserStyle== @name Mercadolibre Dark Mode @description Dark and customizable theme for MercadoLibre, available for: Argentina, Bolivia, Brasil, Chile, Colombia, Costa Rica, Dominicana, Ecuador, Guatemala, Honduras, México, Nicaragua, Panamá, Paraguay, Perú, Salvador, Uruguay, Venezuela. @namespace github.com//santi-san/mercadolibre-dark @homepageURL https://github.com/santi-san/mercadolibre-dark @supportURL https://github.com/santi-san/mercadolibre-dark/issues @author santi (https://github.com/santi-san) @version 2.0.0 @license MIT @preprocessor stylus @var color _bg-dark 'Primary bg color ' #22272e @var color _bg-light 'Secondary bg color ' #2d333b @var color _link-color 'Link color ' #e6bb5d @var color _text-color 'Text color ' #adbac7 @var color _price-color 'Price color ' #00a650 @var number _muted 'muted text (use same color of text) ' [0.6, 0, 1, 0.1] ==/UserStyle== */ @-moz-document domain("mercadolibre.com.ar"), domain("mercadolibre.cl"), domain("mercadolibre.com.bo"), domain("mercadolivre.com.br"), domain("mercadolibre.co.cr"), domain("mercadolibre.com.co"), domain("mercadolibre.com.do"), domain("mercadolibre.com.ec"), domain("mercadolibre.com.gt"), domain("mercadolibre.com.hn"), domain("mercadolibre.com.mx"), domain("mercadolibre.com.ni"), domain("mercadolibre.com.pa"), domain("mercadolibre.com.py"), domain("mercadolibre.com.pe"), domain("mercadolibre.com.sv"), domain("mercadolibre.com.uy"), domain("mercadolibre.com.ve") { /*-----------------------------------------------------------------------------------------------------------------------------------*/ /*--GENERAL--#adbac7------------------------------------------------------------------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------------------------------------------------------*/ * { text-shadow: none !important; box-shadow: none !important; } /*fix card img*/ .ui-recommendations--seller.ui-recommendations--desktop .ui-item .ui-item__image-container, .ui-recommendations--seller.ui-recommendations--desktop .ui-item img { width: 100%; } /*user dropdown*/ #nav-header-menu .user-menu,.andes-tooltip,.custom-dropdown__groups-container { box-shadow: 0 1px 3px 0 rgba(0,0,0,.5) !important; border: 1px solid #2d333b; border-radius: 8px; } .andes-carousel-snapped__wrapper, .poly-card--grid .poly-card__portada { background-color: white ; } .ui-pdp-icon .ui-pdp-color--BLACK img,div.ui-pdp-icon > img { filter: invert(65%) sepia(95%) saturate(277%) hue-rotate(357deg) brightness(105%) contrast(80%); } /*-----------------------------------------------------------------------------------------------------------------------------------*/ /*--BACKGROUND DARK------------------------------------------------------------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------------------------------------------------------*/ /*.andes-button.andes-button--large.andes-button--loud*/ main,.andes-carousel-snapped__pagination--light .andes-carousel-snapped__pagination-item button, .category-column .card-grid-item, .site-shopping-info, .regret, input[type="text"], .nav-categs-departments__list--static a:hover, .nav-categs-departments__selected, .hub__boxed-width,.ui-cpg--reset, .ui-cpg__department-menu-link::before, .ui-recommendations-card,table > tbody > tr:nth-child(odd), .andes-form-control--textfield .andes-form-control__control,.ui-pdp-qadb__search-bar__input .andes-form-control__field,.andes-switch__input::before, .mshops-card-variation-original__item-box, .ui-recommendations-comparator__table tbody tr:nth-child(2n+1) .andes-table__header:nth-child(2n+1), .andes-table__row.ui-vpp-striped-specs__row:nth-child(odd) th.ui-pdp-buy-box-offers__offer-list.andes-list--selectable .andes-list__item.ui-pdp-buy-box-offers__offer-list-item--NOT-SELECTED,.ui-box-component-pdp__visible--desktop,.ui-pdp-other-sellers, .andes-table__row.ui-vpp-striped-specs__row:nth-child(odd) th, .ui-review-capability-rating__level__progress-bar__background, .ui-pdp-buybox, .ui-vip-grouped-header__header-store, .ui-pdp-component-list, .ui-recommendations-carousel-wrapper-ref .poly-card--grid-card, .ui-qadb__make-question-sa__content .andes-form-control__field, .light.hub, .navigation-official-stores .andes-card,.ui-vpp-discrete-bar__bar__interval, .sb-suggestions,.ui-search-footer-components,.seo-ui-card-blog-entry-container.andes-card--flat,.hub__cardposters,.hub__carousel,.andes-dropdown.andes-dropdown--form .andes-dropdown__trigger,.andes-form-control--textfield .andes-form-control__field,.ui-pdp-specs__table tbody tr:nth-child(2n+1) .andes-table__header:first-child,.andes-modal,.andes-modal__scroll,.andes-modal__header,.layout--embed .layout--embed__header { background-color: _bg-dark !important; } /*-----------------------------------------------------------------------------------------------------------------------------------*/ /*--BACKGROUND LIGHT-----------------------------------------------------------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------------------------------------------------------*/ body,.nav-header,.andes-card, .ui-recommendations-carousel-snapped.new-carousel, .poly-card, .andes-carousel-snapped__control, .ui-card, .advertising-square, .wrapper, .section-header,.nav-footer, #nav-footer-access-switch, .regulation-row,.nav-categs-departments, .nav-categs-detail, #special div, .andes-form-control__field,.ui-search-price-filter-action-btn,.ui-search-listing-disclaimer__card,.andes-pagination__link[aria-current="page"],.andes-pagination__link:hover, .andes-list, .ui-cpg__department-menu,.ui-search-applied-filters__link .andes-tag, .ui-pdp-container--pdp,table > tbody > tr:nth-child(even),.andes-carousel-snapped__pagination--light [data-andes-carousel-snapped-pagination-item] [data-andes-carousel-snapped-pagination-action], .ui-search-layout--grid__container .ui-recommendations-card, .ui-search-filter-highlighted__container, .mshops-pads-variation-original__header, .mshops-pads-variation-original__items-container, .row.container.history, .andes-table__header,.ui-review-capability-photo-navigation__divider, .ui-review-capability__header, .onboarding-cp .andes-tooltip, .nav-search .nav-category, .ui-recommendations-carousel-snapped .andes-carousel-snapped--scroll-hidden, .ui-search-filter-intervention .andes-carousel-snapped, .andes-carousel-snapped.ui-search-filter-intervention-carousel.andes-carousel-snapped--scroll-hidden .andes-carousel-snapped__wrapper, .promotion-item .promotion-item__container, .andes-carousel-snapped__wrapper, .ui-vpp-header-top-brand-card,.about,.andes-carousel-snapped__controls-wrapper,.faceted-search-desktop,.ui-search-filter-groups input.andes-form-control__field.andes-form-control__field, .ui-pdp-action-row--secondary,.filters_header_container.full-carousel,.filters_section .price-filter_container .price-filter_column input.price-filter__value,.filters_section .price-filter_container .price-filter__action-link.disabled,.filters_section .applied_filters_container .applied_filter{ background-color: _bg-light !important; } /*-----------------------------------------------------------------------------------------------------------------------------------*/ /*--BACKGROUND LINK------------------------------------------------------------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------------------------------------------------------*/ .andes-carousel-snapped__pagination--light .andes-carousel-snapped__pagination-item--active button, .ui-vpp-highlighted-specs__filled-icon, .denounce-dropdown__circle,.andes-carousel-snapped__pagination--light [data-andes-carousel-snapped-pagination-item][data-andes-carousel-snapped-pagination-item-active="true"] [data-andes-carousel-snapped-pagination-action], .andes-switch__input::after, .ui-review-capability-rating__level__progress-bar__fill-background,.ui-vpp-discrete-bar__bar__interval--highlighted, .ui-recommendations-comparator__table__body__column .ui-recommendations-comparator--no-attr::after,.andes-tab--selected .andes-tab__link::after,.andes-message__close--quiet::after, .andes-message__close--quiet::before { background-color: _link-color !important; } /*-----------------------------------------------------------------------------------------------------------------------------------*/ /*--BACKGROUND OTHERS----------------------------------------------------------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------------------------------------------------------*/ .card-grid-container-image,.andes-table__row,.ui-vpp-fit-as-expected .ui-vpp-fit-as-expected__fit-as-expected,.ui-search-search-modal::after { background: transparent !important; } .ui-pdp-collapsable.ui-pdp-collapsable--is-collapsed .ui-pdp-collapsable__container::after,.andes-carousel-snapped__exhibitor-wrapper.andes-carousel-snapped__hero--desktop .gradient{ background-image: none !important; } /*-----------------------------------------------------------------------------------------------------------------------------------*/ /*--COLOR LINKS----------------------------------------------------------------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------------------------------------------------------*/ a, i, .nav-bounds .nav-cart ::before, #nav-footer-access-switch, .nav-menu-item span, .andes-button__content, .ui-search-search-result__quantity-results, .ui-search-filter-dt-title, input::placeholder, .andes-pagination__link[aria-current="page"], .andes-floating-menu span,.ui-pdp-buybox__quantity__selected, .ui-pdp-collapsable__action, table tr,.ui-recommendations-comparator__table__header__link__text.no-action, .show-more-click, .ui-pdp-seller__link-trigger-button > span:last-child,.desktop__view .category-list__permalink-custom, .desktop__view .category-list__permalink-title, .ui-review-capability-fae button, .ui-pdp-color--BLUE,.ui-search-item__attributes-container-grid .ui-search-item__attributes-grid li,.andes-tab--selected .ui-vip-poi__tab-title,.andes-tab--selected,.ui-search-card-attributes__attribute,.ui-search-money-picker-dt-title, .ui-search-money-picker-dt-title::after,.andes-typography--color-secondary,.andes-typography--color-link,.ui-vpp-box-list li,.ui-pdp-generic-brands-summary__subtitles__subtitle::marker,.ui-recommendations-card__attributes,.poly-component__attributes,.poly-component__location,.promotion-item__ad-container .promotion-item__ad-label{ color: _link-color !important; } /*-----------------------------------------------------------------------------------------------------------------------------------*/ /*--TEXT OPACITY (for mutted text) --------------------------------------------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------------------------------------------------------*/ .ui-search-filter-results-qty, input::placeholder,.ui-pdp-header .ui-pdp-subtitle,.ui-pdp-promotions-pill-label__text,.ui-pdp-buybox__quantity__available, .ui-vpp-highlighted-specs__features-list-item::before,.ui-recommendations-comparator__reviews__amount, .ui-recommendations-comparator__reviews__rating,.ui-pdp-color--GRAY, .ui-review-capability__summary__description__text, .ui-review-capability-comments__comment__date, .ui-review-capability-rating__level__value-container, .ui-pdp-qadb__questions-list__question-item__separate, .promotion-item .promotion-item__container .promotion-item__seller,.ui-search-layout--stack .ui-search-result--core .ui-search-item__group--details .ui-search-item__details,.ui-search-item__group--title-grid .ui-search-item__subtitle-grid,.ui-search-item__location-container-grid .ui-search-item__location-label,.ui-search-item__official-store-grid .ui-search-official-store-label,.andes-form-control__message, .ui-search-money-picker__btn,.andes-typography--color-secondary,.poly-component__location,.promotion-item__ad-container .promotion-item__ad-label,.filters_section .list .list_element .quantity,.andes-list__item-secondary{ opacity: _muted; } /*-----------------------------------------------------------------------------------------------------------------------------------*/ /*--COLOR TEXT-----------------------------------------------------------------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------------------------------------------------------*/ p, .andes-card h2, .ui-recommendations-title-link, .poly-card__content, .andes-money-amount--previous, .poly-text-primary, .advertising-square span, .section-header h2, .regret, .info-slide h2, button.nav-search-btn, .pre-title, .title, .subtitle, .dynamic__carousel-title, .dynamic-carousel__item-container .dynamic-carousel__title, .dynamic-carousel__price, .dynamic-carousel__oldprice, .hub__carousel .carousel__ul .carousel__item-title, .hub__carousel .carousel__title, .ui-cpg__department-link-name, .ui-search-sidebar h1, .ui-search-filter-name, .ui-search-filter-results-qty, input, .andes-money-amount__currency-symbol, .andes-money-amount__fraction, .andes-money-amount__cents, .ui-search-reviews__rating-number, .ui-search-reviews__amount, .ui-search-card-add-to-cart__minimum-label,.andes-pagination__link, .ui-search-view-options__title,.andes-tag__label,.ui-pdp-related-search__item,.ui-pdp-header .ui-pdp-subtitle,.ui-pdp-title,.ui-pdp-review__amount, .ui-pdp-review__rating,.ui-pdp-price,.ui-pdp-promotions-pill-label__text, .ui-pdp-buybox__quantity__title, .ui-pdp-buybox__quantity__available, .ui-pdp-color--BLACK, .ui-vpp-highlighted-specs__features-list-item::before, .ui-recommendations-card__installments-quantity, .ui-recommendations-card__installments-middle-text, .ui-vpp-striped-specs__header, table td, .ui-pdp-description__title, .ui-recommendations-comparator__title,.ui-recommendations-comparator__reviews__amount, .ui-recommendations-comparator__reviews__rating, .ui-pdp-qadb__title, .ui-pdp-questions__subtitle,.ui-pdp-color--GRAY, .ui-review-capability__header__title, .ui-review-capability__reviews-carousel__title, .andes-typography--color-primary, .ui-review-capability__summary__description__text, .ui-review-capability-comments__comment__date, .poly-reviews__rating, .poly-reviews__total, .ui-pdp-actions .andes-button span, .ui-pdp-seller__label-sold, .ui-box-component__title, .ui-pdp-seller__sales-description, .ui-pdp-other-sellers__title,.ui-category-trends-container-desktop, .ui-category-trends-container-tablets, .seo-ui-trends-entry-keyword, .ui-search-breadcrumb__title, .andes-carousel-snapped__title, .ui-search-filter-highlighted__container button label, .ui-search-color--BLACK, .mshops-card-variation-original__installments-text, .ui-search-top-keywords__item, .ui-search-item__brand-discoverability, .dynamic-access-card-ecosistemic__description, .reviews-header-container__title,.ui-search-composed-label-alternatives--normal-text, .ui-search-composed-label-alternatives--value,.ui-search-item__variations-text, .andes-radio__label, .ui-review-capability-rating__level__value-container, .andes-form-control--textfield .andes-form-control__field, textarea::placeholder, .ui-pdp-qadb__questions-list__question-item__separate, .onboarding-cp .onboarding-cp-tooltip, .ui-search-installments-prefix, .category-list__title, .desktop__view .category-list__permalink-title, .ui-search-filter-intervention__link.ui-search-link span, .poly-component__brand, .promotion-item .promotion-item__container .promotion-item__seller, .promotion-item__lightning-deal-container .promotion-item__item-lightning-status,.sb-suggestions__item,.ui-search-layout--stack .ui-search-result--core .ui-search-item__group--details .ui-search-item__details, .hub__subtitle .text__primary,.andes-switch__label,.ui-search-item__group--title-grid .ui-search-item__subtitle-grid,.ui-search-item__title-grid .ui-search-item__title,.ui-search-item__location-container-grid .ui-search-item__location-label,.ui-search-item__official-store-grid .ui-search-official-store-label,.ui-vip-seller-profile,.ui-vip-poi__tab-title,.ui-pdp-questions-unregistered__title,.andes-form-control--textfield .andes-form-control__label,.andes-form-control--textfield:hover .andes-form-control__label,.andes-form-control__message,.andes-checkbox__label,.ui-pdp-specs,.andes-tab, .ui-search-layout--grid .ui-search-result--mot .ui-search-item__location, .ui-search-money-picker__btn,.andes-modal > *,.ui-search-search-modal-filter-name,.ui-pdp-questions__title,.andes-message--quiet .andes-message__text, .andes-message--quiet .andes-message__title,.ui-search-price-filter .ui-search-price-filter-container:first-child::after,.ui-pdp-chart__limit-values,.fulfillment-text,.filters_section .list .list_element .quantity,.andes-list__item-primary,.andes-list__item-secondary{ color: _text-color !important; } .ui-cpg__department-link-name--white { color: #fff !important; } .discovery .advertising-square__info--button{ color: _bg-dark !important; } /*-----------------------------------------------------------------------------------------------------------------------------------*/ /*--PRICE COLOR (you should only put elemnents that refers to price text)------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------------------------------------------------------*/ .dynamic-carousel__shipping-container span, .ui-search-composed-label-alternatives--value { color: _price-color !important; } /*----------------------------------------------------------------------------------------------------------------------------------*/ /*--OTHERS TEXT/ICONS COLORS--------------------------------------------------------------------------------------------------------*/ /*----------------------------------------------------------------------------------------------------------------------------------*/ .andes-carousel-snapped__control svg, .andes-carousel-snapped__control svg path, .ui-search-price-filter-action-btn svg path, #poly_star_fill path, #poly_star_half > path:nth-child(1), .andes-button__content svg path,.ui-pdp-color--GRAY.ui-pdp-icon,.ui-review-capability-rating__start,.ui-pdp-icon, .ui-pdp-icon--shipping,#location_re > g > g,#points_of_interest_walking > g > g,.ui-pdp-questions-unregistered .ui-pdp-media__figure > svg,.andes-dropdown.andes-dropdown--standalone .andes-floating-menu .andes-dropdown__standalone-arrow path, .andes-list__item-chevron.andes-list__item-chevron--centered svg path{ fill: _link-color !important; } .ui-search-price-filter-action-btn svg,.reviews-header-wrapper .andes-button .icon-arrow-left { filter: none; } #poly_star_fill path,.ui-review-capability-categories__rating__stars { stroke: transparent !important; } .ui-pdp-icon--chevron, .icon-arrow-left path,.ui-review-capability-categories__rating__star-empty,#poly_star_half > path:nth-child(2),.ui-review-capability-comments__comment__rating__star-empty, .ui-review-capability-comments__review-comment__denounce-menu__item-menu svg path,.ui-review-capability-fae__chevron, .ui-pdp-bookmark__icon-bookmark, #bookmark path,.ui-search-icon--star-full,#clock > g{ stroke: _link-color !important; } #response path, .icon-arrow-left svg path,#ruler > g > g,#scale_up > g > g,#bed > g > g,#bathroom > g > g,#points_of_interest_transport > g > g > g > g > g > path:nth-child(2),#points_of_interest_education > g > g > g > g > g > g > path:nth-child(2),#points_of_interest_leisure > g > g > g > g > g > g > path:nth-child(2),#points_of_interest_commerce > g > g > g > g > g > g > path:nth-child(2),#points_of_interest_health > g > g > g > g > g > g > path:nth-child(2),#points_of_interest_walking > g { fill: _link-color !important; fill-opacity: 1 !important; } .ui-pdp-bookmark__icon-bookmark,.ui-search-icon--star-full { fill: none !important; } /*----------------------------------------------------------------------------------------------------------------------------------*/ /*--BORDER NONE--------------------------------------------------------------------------------------------------------------------*/ /*----------------------------------------------------------------------------------------------------------------------------------*/ .nav-categs-detail__header, #special div, .ui-recommendations-carousel-snapped .ui-recommendations-card--horizontal, .andes-table, .ui-recommendations-comparator__table .andes-table__body .andes-table__row .andes-table__column,.ui-recommendations-comparator__table .andes-table__body .andes-table__row, .ui-recommendations-comparator__table tbody tr:nth-child(2n+1) .andes-table__header:first-child, .ui-search-layout--grid__container .ui-recommendations-card, .ui-search-filter-highlighted__container, .mshops-card-variation-original__item-box, .mshops-card-variation-original__info-container, .ui-pdp-component-list:not(:empty), .nav-search .nav-category::before, button.nav-search-btn::before,.promotion-item .promotion-item__container .promotion-item__description, .sb-suggestions,.sb-suggestions__wrapper--additional::before,.ui-pdp-specs__table,.filters_section .switch-filter-desk,.filters_section .price-filter_container .price-filter_column input.price-filter__value{ border: 0px solid red !important; } /*----------------------------------------------------------------------------------------------------------------------------------*/ /*--BORDER DARK---------------------------------------------------------------------------------------------------------------------*/ /*----------------------------------------------------------------------------------------------------------------------------------*/ .nav-footer, .ui-search-layout--grid .ui-search-result__image, .andes-floating-menu li,#nav-footer-access-switch,.ui-search-layout--stack .ui-search-layout__item,.navigation-official-stores { border-color: _bg-dark !important; } /*----------------------------------------------------------------------------------------------------------------------------------*/ /*--BORDER LIGHT--------------------------------------------------------------------------------------------------------------------*/ /*----------------------------------------------------------------------------------------------------------------------------------*/ .asd { border-color: _bg-light; } /*----------------------------------------------------------------------------------------------------------------------------------*/ /*--BORDER LINK--------------------------------------------------------------------------------------------------------------------*/ /*----------------------------------------------------------------------------------------------------------------------------------*/ .andes-button.dynamic-carousel__add-to-cart-button,.andes-pagination__link[aria-current="page"], .andes-list__item--selected::before,.ui-pdp-with--separator:not(:empty)::after, .ui-review-capability-valorizations .andes-button, .ui-recommendations-carousel-snapped .ui-recommendations-card--vertical,.ui-pdp-buy-box-offers__offer-list, s,.ui-vip-core-container--content-left .ui-pdp-carousel-snapped-up,.ui-vip-core-container--content-left .ui-pdp-container__row--highlighted-specs-attrs, .ui-vip-core-container--content-left .ui-pdp-container__row--description, .ui-pdp-with--separator-top:not(:empty)::before, .ui-search-winner-alternatives--separator-top--grid,.ui-pdp-thumbnail,.ui-pdp-container__col.col-1.pl-45.pr-45 .ui-recommendations-comparator__wrapper-ref:not(:empty)::after,.ui-pdp-questions-unregistered__desktop,.ui-vip-core-container--content-left .ui-pdp-container__row--points-of-interest,.filters_section .price-filter_container .price-filter__action-link::after { border-color: _link-color !important; } /*----------------------------------------------------------------------------------------------------------------------------------*/ /*--BORDER-OTHERS--------------------------------------------------------------------------------------------------------------------*/ /*----------------------------------------------------------------------------------------------------------------------------------*/ .another-location__link { border-color: transparent; } .categories .category { outline-color: _bg-dark; } /*----------------------------------------------------------------------------------------------------------------------------------*/ /*--ads-----------------------------------------------------------------------------------------------------------------------------*/ /*----------------------------------------------------------------------------------------------------------------------------------*/ .myml-nav-ads, .loyalty-buylevel6, .adn, .partners-subscriptions{ display: none !important; } }