Better dark theme for eBay
Dark eBay V2 by lostfox
Details
Authorlostfox
LicenseMIT
Categoryebay
Created
Updated
Size21 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
This is an extension of the them "Dark eBay" by Still Hsu. I added features I thought looked nice and made every page fully dark.
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@author LostFox (https://lostfox.info)
@description Continuation of "Dark eBay" by Still Hsu (https://stillu.cc)
@license MIT
@name Dark eBay V2
@namespace domain("ebay.com")
@namespace domain("www.ebay.com")
@namespace domain("signin.ebay.com")
@namespace domain("faccountsettings.ebay.com")
@namespace github.com/Still34/azura-styles
@homepageURL https://github.com/LosttFox/ebayDarkTheme
@version 0.8.0
==/UserStyle== */
@-moz-document domain("ebay.com"), domain("www.ebay.com"), domain("accountsettings.ebay.com"), domain("signin.ebay.com") {
:root {
--color-background-default: var(--theme-color);
--color-text-default: var(--text-color);
--theme-color: hsl(240, 6%, 10%);
--theme-color-light: hsl(240, 6%, 15%);
--theme-color-dark: hsl(240, 6%, 5%);
--dropdown-items-background-color: var(--theme-color-light);
--text-color: hsl(200, 4%, 85%);
--text-color-dark: hsl(200, 4%, 25%);
--text-color-light: hsl(200, 4%, 95%);
--text-color-white: hsl(200, 0%, 100%);
--text-color-error: hsl(360, 100%, 40%);
--text-color-anchor: hsl(225, 89%, 60%);
--dropdown-item-foreground-color: var(--text-color-light);
--button-primary-color: hsl(225, 89%, 30%);
--button-primary-background-color: var(--button-primary-color);
--button-primary-disabled: hsl(0, 0%, 22%);
--section-highlight-orange: hsl(15, 93%, 25%);
--section-highlight-green: hsl(148, 93%, 15%);
--section-highlight-lightgreen: hsl(150, 84%, 45%);
}
/* ======================== */
/* === Background color === */
/* ======================== */
button.btn--primary, a.fake-btn--primary, button.btn--primary:focus, a.fake-btn--primary:focus, button.btn--primary:hover, a.fake-btn--primary:hover, button.btn--primary:active, a.fake-btn--primary:active {
background-color: var(--button-primary-color);
border-color: var(--button-primary-color);
}
button.btn--primary[disabled]:hover, button.btn--primary[aria-disabled="true"]:hover, button.btn--primary[disabled]:focus, button.btn--primary[aria-disabled="true"]:focus, button.btn--primary[disabled], button.btn--primary[aria-disabled="true"] {
background-color: var(--button-primary-disabled);
}
.hl-mweb-text-banner, .hl-loyalty {
border-color: var(--section-highlight-orange) !important;
background-color: var(--section-highlight-orange) !important;
}
.signout-banner-container, .hl-full-bleed-banner__container {
border-color: var(--section-highlight-green) !important;
background-color: var(--section-highlight-green) !important;
}
a.fake-pill--primary, a.fake-pill--selected, button.pill--primary, button.pill--selected, .gh-sch-prom#gh .btn.btn-ter, a.fake-btn--primary, .gh-sch-prom#gh .btn.btn-prim {
background-color: var(--button-primary-color);
}
.adv-s .btn-prim{
background: var(--button-primary-color);
}
#why2buy *, #vi-atl-lnk-vim, #RightSummaryPanel *, .merch-placements-container, .m-quick-nav, .saved-for-later-container, .desktop .cartsummary, .cart-bucket, .right-section *, #mainContent, .mainContent, .summary, /* Everything before this were things that Still Hsu forgot, I added it to apply to more sites */ #gh-eb-Alerts-o, .gh-flyout__menu, /* Watchlist menu */ .gh-eb-active #gh-ug, .gh-shop-active #gh-shop-a, .gh-menu .gh-submenu, /* My eBay dropdown menu */ #gh-eb-u-o, /* User dropdown menu */ .s-item__link, #glbfooter, .b-module, .tabs, .fake-tabs, .b-img, .b-img img, .b-listing.srp-list .s-item--bgcolored .s-item__image, .b-listing .s-item--bgcolored .s-item__image, .s-item, .b-info, .srp-controls, .srp-sort, .b-tile, .page-notice, .b-guidance--text .b-guidancecard__link, .dne-itemtile, .whitebg, div.gh-o, div.gh-eb-o, .whitebg .pagecontainer__leftnav .container, .cusr-serv .article_main_container, .white_background, .my-container.item-list .container-options .list-bulk-actions, .white-background, /* Logout background */ .x-footer, html > body #hlGlobalFooter, body {
background-color: var(--theme-color);
color: var(--text-color);
}
#BottomPanel *, #LeftPanel, .gh-modal__menu, .srp-controls__control--legacy, .b-guidance--text .b-guidancecard__link, .fake-tabs.srp-format-tabs, #gh-cat-box {
background: var(--theme-color);
}
html>body{
background: var(--theme-color) !important;
}
#payment-info > .order-summary, section.section-notice.section-notice--information, li.carousel__snap-point.carousel-item *, #gf-f, #gf-fbtn, .ebayui-dne-banner-text, .hl-cat-nav__flyout, /* Homepage category dropdown menu */ .my-ebay .menu-list .selected, .shipto .menu-button .expand-btn, /* Ship to dropdown menu */ .shipto .fake-menu-button__menu, .shipto .menu-button__menu, .merch-module.merch-module.merch-module .container_wrapper, /* "Sponsored item" sections in individual listing */ .tab-content-m, /* Item description */ .vi-swc-wrapper, .srp-controls__control--legacy, .card.ebayui-dne-item-featured-card--topDeals, .gh-eb-li-a.gh-icon, div.c-std, ul.l-adv li a.selected, .card.ebayui-dne-item-featured-card--topDeals > h2, div.sbx-c div.rct-bb, .gh-sch-prom #gh-topl .gh-t > a, .cusr-serv .article_relate_box .article_relate, .gh-sch-prom #gh-ug, #gh .gh-acc-a2, .flyout-notice, .srp-view-options .btn, .srp-view-options button[type].btn, .w2b, .srp-main--isLarge .fake-tabs.srp-format-tabs li.fake-tabs__item--current, #gh-top, #gh-gb {
background-color: var(--theme-color-light);
color: var(--text-color);
}
div.title--dweb span.textbox, div.title--dweb span.textbox input, .article-search-input-container .flex-mode, input[type="text"], input[type="password"], select, textarea, input.textbox__control, /* Input textbox */ .actPanel, .cusr-serv .rowItem .columnItem, .additionalTool, .watchListCmp, li.hl-cat-nav__js-show, /* Homepage category button */ .gh-eb-active .gh-eb-li-a, .gh-hvr:hover .gh-eb-li-a, .gh-flyout-active .gh-eb-li-a, #gh-cat-box, .leftNavBar > ul li.current-link, div.sbx-c h2.rct-bg, #gh-ac-box {
background-color: var(--theme-color-dark);
color: var(--text-color);
}
/* ======================== */
/* === Border color === */
/* ======================== */
li.hl-cat-nav__js-show, /* Homepage category button */ #gh-eb-u-o, /* User dropdown menu */ #gh .gh-eb-active #gh-ug, .gh-eb-active .gh-eb-li-a, .gh-flyout__menu, /* Watchlist menu */ #gh-ug, .gh-sch-prom #gh-cat-box, .gh-sch-prom #gh-cat, .gh-sch-prom #gh-cat:hover, .gh-sch-prom #gh-ac-box {
border-color: var(--theme-color-light);
}
#gh-eb-Alerts-o, .gh-ui-6-5 .gh-hvr:hover .gh-eb-li-a, .gh-ui-6-5 .gh-eb-active .gh-eb-li-a, .gh-ui-6-5 .gh-eb-active #gh-ug, .gh-ui-6-5 .gh-shop-active #gh-shop-a, .gh-menu .gh-submenu, /* My eBay dropdown menu */ .b-list ul > li, .gh-sch-prom #gh-gb {
border-color: var(--theme-color-dark);
}
.signin-link {
border-color: var(--section-highlight-lightgreen);
}
/* #ccc */
/* #ddd */
/* #e5e5e5 */
#gf-fbtn, .rct-hm, .ebayui-dne-item-pattern-card.ebayui-dne-item-pattern-card-no-padding > .row > .col .item:first-child, .ebayui-dne-item-pattern-card.ebayui-dne-item-pattern-card-no-padding > .row > .col .item:last-child, .ebayui-dne-featured-with-padding .card.ebayui-dne-item-featured-card--topDeals > h2, .ebayui-dne-featured-with-padding .card.ebayui-dne-item-featured-card--topDeals, .hl-cat-nav, div.sbx-c div.rct-bb, .rct-c, .ebayui-dne-featured-with-padding .ebayui-dne-item-featured-card > .row > .col .dne-itemtile, .gh-sch-prom#gh-gb , .ebayui-dne-banner-text, .gh-sch-prom #gh-gb, .gh-sch-prom.gh-w .gh-divider-l, .gh-ui-6-5.gh-sch-prom.gh-w .gh-divider-l, .gh-w li.gh-divider, .gh-sch-prom.gh-w li.gh-divide, .gh-sch-prom #gh-top, .x-flyout .flyout-notice, .srp-controls__control--legacy, .b-guidance--text .b-guidancecard__link, .fake-tabs.srp-format-tabs, .srp-grid .s-item, .s-item.s-item--large .s-item__wrapper, .whitebg .b-module, .srp-main--isLarge .b-list.srp-grid > .srp-controls{
border-color: var(--text-color-dark);
}
/* ======================== */
/* === Text color === */
/* ======================== */
li.medium-text.m-tab.selected.m-tab__title.fake-tabs__item > a, a, a:active, a:link, ul#bc a:link, .srp-controls--selected-value, html a:link, .g-novisited a:visited {
color: var(--text-color-anchor);
}
section.m-links-accordion > ul > li > a, ul.secondary.show > li > a, .mbg a:link, .fol-widget > a{
color: var(--text-color-anchor) !important;
filter: brightness(90%);
}
.signin-link:active, .signin-link:visited, .signin-link:link, .signout-banner-text {
color: var(--section-highlight-lightgreen);
}
.merch-placements-container *, .container-item-col__info-tertiary.container-item-col__info-displayPrice > div > span.BOLD, .container-item-col__info-item-info-primary.container-item-col__info-item-info-title > div > a, button, a.nav-link, .leftNavBar > ul li a, .pgCenter div, .gh-eb-li-a, .leftNavBar > ul li, .gh-ui-6-5 #gh-eb a {
color: var(--text-color) !important;
}
/* #555 */
a.vi-ds3-ter-a, a.vi-ds3-ter-a:hover, a.vi-ds3-ter-a:visited, a.vi-ds3-ter-a:link, .vi-covRow a, .vi-covRow a:hover, .vi-covRow a:visited, .vi-covRow a:hover, .sh-DlvryDtl, #gh .btn.btn-ter, .itemAttr, html body, .hl-cat-nav li a, .ebayui-dne-item-pattern-card .dne-pattern-title, li.fake-tabs__item > a, #domain-nav, #gh-sbc a, .ghfe-ds6, .my-ebay .menu-list a, body #CenterPanel div.actPanel div.convPrice, body #CenterPanel div.actPanel div.convPrice span, .gh-info {
color: var(--text-color)...