Skip to content

Instantly share code, notes, and snippets.

@av1d
Created April 26, 2022 19:13
Show Gist options
  • Select an option

  • Save av1d/d63683ebec50bf81cbbbd0179ad383bd to your computer and use it in GitHub Desktop.

Select an option

Save av1d/d63683ebec50bf81cbbbd0179ad383bd to your computer and use it in GitHub Desktop.
Unfuck eBay's new seller listing tool interface, the most atrocious UI ever designed in the history of Earth! Accessible high contrast.
/* Fuck eBay? Then unfuck eBay.
Their new listing tool interface is the most atrocious contraption ever created.
It should be killed with fire and the dev sent to Mars. Anyone involved with its
design should be smothered in honey and laid atop a red ants nest.
Get the picture?
In the meantime, you can compact it and clean it up a bit.
Load this into stylebot addon for your browser.
Bugs: press alt+shift+t when you're NOT inside the listing tool because it will hide
item descriptions and possibly other elements on eBay pages.
Interface is also high contrast with accessibility in mind. Leave comments for improvements etc.
*/
body.no-touch {
background-color: #000000;
}
html.site-us.font-marketsans {
background-color: #000000;
}
.icon {
visibility: visible !important;
}
#gh-logo {
display: none;
}
h1.textual-display.header__title {
display: none;
}
div.header {
display: none;
}
div.summary__header-label {
display: none;
}
h1 {
color: #ffffff;
}
h2 {
color: #ffffff;
}
label.field__label {
color: #05fc11;
font-weight: bold;
}
button.summary__header-edit-button.icon-btn {
color: #ffffff;
}
div.summary__header {
background-color: #333333;
}
button.uploader-thumbnails__container-empty.uploader-thumbnails__container-empty--photos {
border-radius: 0px;
background-color: #111111;
color: #ffffff;
}
button.uploader-thumbnails__container-empty.uploader-thumbnails__container-empty--videos {
border-radius: 0px;
background-color: #111111;
color: #ffffff;
}
section.section-notice.section-notice--information {
border-radius: 0px;
background: #333333;
color: #ffffff;
width: 100% !important
}
div button span {
color: #ffffff;
}
button.fake-menu-button__button.icon-btn {
display: none;
}
span.se-textbox--counter {
background-color: #333333;
color: #ffffff;
}
div.strength-indicator {
background-color: #000000;
border-radius: 0px;
height: 100%;
}
span.textual-display.strength-indicator__message.bold {
color: #ffffff;
}
p.strength-indicator__description {
color: #ffffff;
}
div div label {
color: #ffffff;
}
button.infotip__host.icon-btn.icon-btn--transparent {
color: #ffffff;
}
div.circle-count {
font-weight: bold;
background-color: #333333;
color: #ffffff;
}
div.smry.summary__attributes {
background-color: #111111;
width: 100%;
}
div.condition-recommendation {
background-color: #000000;
border-radius: 0px;
}
p.textual-display.condition-recommendation-header {
color: #ffffff;
}
button.condition-recommendation-value.btn {
border-radius: 0px;
color: #000000;
font-weight: bold;
}
button.condition-recommendation-more-values.btn {
color: #000000;
font-weight: bold;
border-radius: 0px;
}
div.smry-group {
background-color: #000000;
color: #ffffff;
}
button.smry-group__value {
color: #ffffff !important;
font-weight: bold;
}
.smry-group__item {
color:#05fc11 !important;
font-weight: bold;
}
#s0-0-0-22-7-25-0-22\[13\]-3-27-4-0-17\[0\]-summary-field-0-1-label {
color: #ffffff;
}
#s0-0-0-22-7-25-0-22\[13\]-3-27-4-0-17\[0\]-summary-field-0-2-label {
color: #ffffff;
}
#mainContent > div > div > div.main__container--form > div.summary__container > div.smry.summary--warn.summary__shipping > div.smry-group > div > div.smry-group > div > ul:nth-child(4) > li:nth-child(3) > div > div {
color: #ffffff;
}
#s0-0-0-22-7-25-0-22\[13\]-3-27-4-0-17\[0\]-summary-field-0-3-label {
color: #ffffff;
}
#mainContent > div > div > div.main__container--form > div.summary__container > div.smry.summary--warn.summary__shipping > div.smry-group > div > div.smry-group > div > ul:nth-child(5) > li:nth-child(3) > div > div {
color: #ffffff;
}
#s0-0-0-22-7-25-0-22\[13\]-3-27-4-0-17\[0\]-summary-field-0-4-label {
color: #ffffff;
}
div.smry.summary--warn.summary__photos {
width: 100% !important;
}
div.smry.summary__title {
width: 100% !important;
}
div.smry.summary__category {
width: 100% !important;
}
button.value.fake-link {
color: #0ad6cc;
background-color: #000000;
}
button.frequently-selected-attributes__btn.btn {
border-radius: 0px;
color: #000000;
}
button.filter-menu--host.btn {
color: #000000;
font-weight: bold;
}
div.value-secondary.margin-top4 {
background-color: #000000;
color: #05fc11;
font-weight: bold;
}
div.smry.summary__variations {
background-color: #111111;
color: #ffffff;
width: 100%;
}
div.smry.summary__condition {
display: contents;
white-space: nowrap;
margin: 0 !important;
padding: 0 !important;
background-color: #111111;
color: #ffffff;
width: 100%;
}
div.summary-column {
border-radius: 0px;
background-color: #000000;
color: #ffffff;
}
div.summary__legal-faq {
display: none;
}
td.gf-legal {
display: none;
}
tbody tr td {
display: none;
}
button.smry-group__value.fake-link {
color:#0ad6cc;
}
div.smry--column {
background-color: #000000;
}
div.uploader-editor__header {
background-color: #000000;
}
div.body-core {
background-color: #000000;
}
ul.feature-buttons {
background-color: #000000;
}
div.control-buttons {
background-color: #000000;
}
button.icon-btn {
font-weight: bold;
}
input.textbox__control.textbox__control--fluid {
border-radius: 0px;
width: 100%;
font-weight: bold;
}
button.expand-btn.expand-btn--default.menu-button__button {
background-color: #000000;
border-radius: 0px;
}
button.expand-btn.expand-btn--default {
background-color: #000000;
border-radius: 0px;
}
ul.se-rte__button-group__toolbar {
background-color: #111111;
}
button.btn.btn--tertiary {
border-radius: 0px;
}
div.summary__sell-it-faster--banner-container {
border-radius: 0px;
}
button.icon-btn.feature-group {
border-radius: 0px;
}
section span p {
display: none;
}
div.section-notice__header {
display: none;
}
#mainContent > div > div > div.main__container--form > div.summary__container > div.smry.summary--warn.summary__price > div.summary__header-container > div.summary__notice > section {
display: none;
}
#mainContent > div > div > div.main__container--form > div.summary__container > div.smry.summary--warn.summary__shipping > div.summary__header-container > div.summary__notice > section {
display: none;
}
#mainContent > div > div > div.main__container--form > div.summary__container > div.smry.summary--warn.summary__description > div.summary__header-container > div.summary__notice > section {
display: none;
}
div.summary__header-container {
display: none;
}
h3.smry-group__header {
display: none;
}
#mainContent > div > div > div.main__container--form > div.summary__container > div.smry.summary--warn.summary__description > div.summary-section > span > div > div > ul > li:nth-child(12) > span > div > span {
background-color: #ffffff;
border-radius: 0px;
}
#mainContent > div > div > div.main__container--form > div.summary__container > div.smry.summary--warn.summary__photos > div.uploader-ui > div.uploader-thumbnails.uploader-thumbnails--inline.uploader-thumbnails--inline-edit > div.uploader-thumbnails__action-container > button:nth-child(2) {
color:#ffffff;
}
#mainContent > div > div > div.main__container--form > div.summary__container > div.smry.summary__page-header {
display: none;
}
#mainContent > div > div > div.main__container--form > div.summary__container > div.smry.summary--warn.summary__photos > div.uploader-ui > div > div.uploader-thumbnails__action-container > button:nth-child(1) {
color: #ffffff;
}
button.btn.uploader-thumbnails__action.icon-btn {
color: #ffffff;
visibility: visible !important;
}
h2.confirm-dialog__title {
background-color: #000000;
}
div.confirm-dialog__window.confirm-dialog__window--fade.keyboard-trap--active {
background-color: #000000;
color: #ffffff;
border-radius: 0px;
}
button.confirm-dialog__confirm.btn.btn--primary {
border-radius: 0px;
}
button.confirm-dialog__reject.btn.btn--secondary {
border-radius: 0px;
}
div.summary__divider {
display: none;
}
#mainContent > div > div > div.main__container--form > div.summary__container > div.smry.summary__variations > div.smry--section > div {
display: none;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment