Skip to content

Amazon - Dark slate by ryu1845

Imported and mirrored from https://raw.githubusercontent.com/uso-archive/data/flomaster/data/usercss/133725.user.css

Screenshot of Amazon - Dark slate

Details

Authorryu1845

LicenseNO-REDISTRIBUTION

Categoryamazon

Created

Updated

Size128 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Notes

https://github.com/el-profesor926/OcUK-Theme-Amazon-Dark-Slate

USE GITHUB FOR LATEST CODE, THIS SITE IS DEAD.

If you use and like feel free to buy me a coffee, paypal: rail.monkey@ntlworld.com

Update: Colored tracking section, bar etc etc
Update 2: Cleared out some more orange.
Update 3: More re-colors as I notice them.
Update 4: Thank you box colored, think we are nearing completion!
Update 5: Added amazon.ca support.
Update 6: Comparison blocks themed.
Update 7: Killed some banners.
Update 8: Black Friday table color.
Update 9: Fixed wishlist bug.
Update 10: Nav should be fixed, where they added an advert and put a border around the element.
Update 11: Prime video has a border fix, thanks to Mr Nathan Smith for finding the culprit.
Update 12: Fixed caution banners always showing on orders page.
Update 13: Colored nav-flyouts to match theme.
Update 14: Themed add to list popup. Next is to fix cancel order section, this will done once I place another order.
Update 15: Themed pagination page nav.
Update 16: More wish list tweaks.
Update 17: Fixed cancellation area colors.
Update 18: 3 more nice fixes, profile section white removed, picture review white background fixed, navbar flyout sidebar background fixed.
Update 19: results cards themed! believe we are nearing completion.
Update 20: Gift card section themed.
Update 21: Killed orange nav text.
Update 22: FIXED profile page.
Update 23: Fixed orders header.
Update 24: New hud fix and ad removal.
Update 25: Fixed hud arrow positioning.
Update 26: working on the new front page layout, WIP, not 100% happy with it.
Update 27: Boom! fixed the front page, thank me with a donation ;)
Update 28: Ok they broke it again but I fixed it AGAIN.
Update 29: Quick look popup themed.
Update 30: Fixed tracking font color.
Update 31: Loads of fixes.
Update 32: Friends List fixes.
Update 33: Video fixes.
Update 34: A literal ton of fixes, including fully themed Amazon drive.
Update 35: Wish list tweaks.
Update 36: Front page redesign, removed most green apart from some text.
Update 37: Major overhaul

This is about 95% done at the moment, it's such a huge site that I will have missed parts, I'll update as I notice them.
It's pretty tidy as is though and the front page has lost all the clutter.

Please consider a donation no matter how small, I can't work due to serious ill health and everything helps.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name         Amazon - Dark slate
@namespace    USO Archive
@author       Sean Mayes
@description  https://github.com/el-profesor926/OcUK-Theme-Amazon-Dark-Slate    USE GITHUB FOR LATEST CODE, THIS SITE IS DEAD.      If you use and like feel free to buy me a coffee,  paypal: rail.monkey@ntlworld.com    Amazon - Dark slate - I'm back!    Although it applies to many many amazon sites it is only tessted on amazon.co.uk so there may be some inconsistences on other other countries sites.    PLEASE donate to keep me updated or give me a thanks in the comments, Paypal: rail.monkey@ntlworld.com
@version      20220107.01.26
@license      NONE
@preprocessor uso
==/UserStyle== */
@-moz-document domain("amazon.co.uk"), domain("amazon.com"), domain("amazon.ca"), domain("amazon.de"), domain("amazon.it"), domain("amazon.es"), domain("amazon.fr"), domain("amazon.com.mx"), domain("amazon.co.jp"), domain("amazon.com.au"), domain("amazon.in") {
body {
    font-size: 13px;
    line-height: 19px;
    color: #aaa !important;
    font-family: 'Open Sans', Arial, sans-serif;
    background-color: #1c1f26 !important;
}
.a-cardui {
    background-color: #1c1f26;
}
.r4m-sou-container {
    border: 1px solid #545b6b;
    color: #ccc;
}
.r4m-sou-comparison-header {
    border-bottom: 1px solid #545b6b;
}
.r4m-sou-comparison-details {
    border-left: 1px solid #545b6b;
}
.r4m-sou-comparison-header-price * {
    color: #ff0000;
}
#promise-container #secondaryStatus {
    color: #3dc6da;
}
::-webkit-scrollbar {
    max-width: 14px!important;
    background-color: #0e0f13 !important
}
::-webkit-scrollbar-thumb {
    min-height: 28px !important;
    background-color: #333946 !important
}
::-webkit-scrollbar-button {
    background-color: #333946!important
}
::-webkit-scrollbar-track,
::-webkit-scrollbar-corner {
    background-color: #0e0f13 !important
}
.atsTextButtonSelect,
.atsTextButtonSelect div,
.atsTextButtonSelect label,
.atsTextButtonSelect li,
.atsTextButtonSelect span,
.atsTextButtonSelect ul {
    color: #000 !important;
}
.custom-view-options {
    border-bottom: 1px solid #545b6b;
}
a:active,
a:visited {
    text-decoration: none;
    color: #91c1de;
}
.ya-card__heading--rich {
    color: #91c1de;
}
.ifSloc,
.izLmw,
.cHqkgh {
    background: #1c1f26;
}
.iWywOi {
    color: #aaa;
}

/* Move info hud scrolling arrows to center */
.hud-white-dashboard .feed-carousel-control.feed-right,
.hud-white-dashboard .feed-carousel-control.feed-left {
    top: 120px !important;
}

/* Darken info hud scrolling arrows */
.hud-white-dashboard .feed-carousel-control.feed-right,
.hud-white-dashboard .feed-carousel-control.feed-left {
    background: #272b35 !important;
}
.hud-profilecard-card {
    background-color: #545B6B !important;
}
#errorPageContainer .widgetLink-group a:hover,
#mapTracking-bottomSheet-container .widgetLink-group a:hover,
#pageContainer .widgetLink-group a:hover {
    background-color: #2e3539;
}
#productDescription ul {
    color: #fff;
}
#twister .swatches li {
    border: none;
}
.a-text-right {
    margin-right: 10px;
}
.a-button-disabled {
    border-color: #545b6b!important;
}
.a-button {
    background: transparent;
    border-color: transparent;
    border-radius: 5px;
}
.a-button:hover {
    border-color: transparent;
}
.list-address-selected {
    background-color: #3a3e4a;
    border: 1px solid #545b6b;
}
.address-row {
    padding: 9px;
    border: 1px solid #545b6b;
}
.a-box-title .a-box-inner {
    box-shadow: none;
    background: #3a3e4a;
}
.pay-desktop .payment-selected {
    background-color: #3a3e4a;
    border: 1px solid #545b6b;
}
.comparison_table tr:nth-child(even) td.comparison_baseitem_column {
    background-color: #3a3e4a;
}
.aplus-v2 .apm-sidemodule,
.aplus-v2 .apm-tablemodule-image {
    background-color: #30343e;
}
.aplus-v2 th.apm-tablemodule-keyhead {
    border-top: 1px solid #545b6b;
    background-color: #30343e;
}
.aplus-v2 .apm-tablemodule-keyhead {
    border-right: 1px solid #545b6b;
}
.aplus-v2 .apm-hovermodule-slides {
    background-color: #30343a;
}
.aplus-v2 .apm-tablemodule-valuecell.selected {
    background-color: #272b35;
}
.dv-dp-top-wrapper {
    background: #272b35 !important;
}
.nav-catFlyout .nav-promo {
    display: none;
}
.desktop #itemImages-container .imageRow-oneBoxLayout img,
.tablet #itemImages-container .imageRow-oneBoxLayout img {
    border: 4px solid #505050;
}
#promise-container #primaryStatus.text-normal {
    color: #ff3b00;
}
#delivered-marker:before,
.milestone.reached .milestone-marker:before {
    background-color: #9f540a !important;
    border: 3px solid #E47911 !important;
}
#cardsContainer .cardContainer {
    border: 4px solid #505050;
    background: #121419;
}
.milestone-bar_foreground {
    background-color: #E47911 !important;
}
#deliveredAddress-container .reached .milestone-primaryMessage,
#progressTracker-container .reached .milestone-primaryMessage {
    color: #fff;
}
#errorPageContainer .widgetHeader,
#mapTracking-bottomSheet-container .widgetHeader,
#pageContainer .widgetHeader {
    color: #ffffff;
}
.a-profile-name {
    color: #fff !important;
}
.bia-price {
    color: #f00 !important;
}
.bia-header {
    color: #a2a2a2;
}
.a-price[data-a-color=base] {
    color: #f00 !important;
}
.deals-shoveler.fresh-shoveler {
    background: none;
}
.deals-shoveler .dealPrice {
    color: #f3e000;
}
.hud-white-dashboard .hud-feed-carousel {
    border: 1px solid #545b6b;
    margin-top: 10px;
}
#nav-npm-header {
    color: #aaa !important;
}
.black-text-color {
    color: #aaa !important;
}
.a-color-tertiary {
    color: #aaa!important;
}

/** quick look **/
#gw-asin-popover .title {
    color: #ddd !important;
}
#gw-asin-popover {
    background: #272b35 !important;
}
#gw-asin-popover .pricing .price,
#gw-asin-popover .pricing .price .a-color-price {
    color: #ff0000 !important;
}
.sims-wrapper {
    background: #404552 !important;
}

/** adjust price colour here **/
.a-color-price {
    color: #ff0000!important;
}

/** New top area nightmare **/
#pageContent #gw-dashboard-grid #gw-dashboard-ad {
    display: none;
}
.hud-white-dashboard {
    background-color: #272b35 !important;
}
.a-fixed-right-flipped-grid .a-col-left {
    margin-top: 10px;
}
.hud-white-dashboard .hud-feed-carousel .feed-carousel-card {
    border-radius: 5px;
    background: #1c1f26 !important;
    -webkit-box-shadow: 2px 2px 5px -1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 2px 2px 5px -1px rgba(0, 0, 0, 0.75);
    box-shadow: 2px 2px 5px -1px rgba(0, 0, 0, 0.75);
}
.hud-profilecard-card {
    background: #fff !important;
    border-radius: 5px;
}
.hud-white-dashboard .hud-card-subtext-line1 {
    color: #1695ab !important;
}

/** END New top nightmare **/
/** New layout fixes WIP **/
#gw-content-grid-bottom > div,
#gw-content-grid-top > div {
    background: transparent !important;
    border: 0px solid #545b6b !important;
    padding-right: 0px !important;
    margin-top: 0px !important;
}
#pageContent .sidebar,
#sidebar {
    display: none !important;
}
.profile-v5-desktop-vis-background,
.profile-v5-desktop-own-background {
    background-color: #272b35 !important;
    background-size: 10px 10px !important;
    background-image: linear-gradient(45deg, rgba(100, 100, 100, .2) 25%, transparent 25%, transparent 50%, rgba(100, 100, 100, .2) 50%, rgba(100, 100, 100, .2) 75%, transparent 75%, transparent) !important;
    min-height: 100% !important;
    height: 100% !important;
}
.profile-v5-desktop-vis,
.profile-v5-desktop-own {
    border-right: 10px solid #404552 !important;
    border-left: 10px solid #404552 !important;
    background-color: #404552 !important;
    -webkit-box-shadow: 0px 0px 33px -5px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 33px -5px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 33px -5px rgba(0, 0, 0, 0.75);
}
.card.desktop.sub-card {
    background: #272b35 !important;
    box-shadow: none !important;
}
.card.desktop {
    border: none !important;
    background: #272b35 !important;
}
.product-box {
    border: .1rem solid #404552 !important;
    background-color: #1c1f26 !important;
}
.a-form-actions {
    background: transparent !important;
}
td[style$="background-color: rgb(255, 255, 222);"] {
    background-color: #2e3539 !important;
}
.askInlineWidget .vote input[type="submit"] {
    background-color: transparent;
}
.a-expander-content-fade {
    display: none !important;
}
.fadeGradient {
    background: transparent !important;
}
p:last-child {
    color: #aaa !important;
}
div[style$="background-color:#eff7fe;border:1px solid #0f3c6d;padding:10px;text-align:left;"] {
    background-color: #404552 !important;
    border: none !important;
}
div[class$="a-box-inner a-alert-container"],
div[class="a-box-inner a-alert-container"],
div[class$="ewc-scroll-area"],
div[class="ewc-scroll-area"],
.a-accordion .a-accordion-active .a-accordion-row,
.a-accordion .a-accordion-active .a-accordion-inner,
.a-accordion .a-accordion-row {
    background-color: #404552 !important;
}
.nav-npm-text-detail,
a.nav-npm-text-detail-a,
a.nav-npm-text-detail-a:link,
a.nav-npm-text-detail-a:visited,
a.nav-npm-text-detail-a:hover,
a.nav-npm-text-detail-a:active {
    color: #aaa !important;
}
#nav-flyout-accountList #nav-al-your-account {
    border-left: 1px solid #404552 !important;
}
#nav-flyout-wl-alexa {
    border-bottom: 1px solid #404552 !important;
}
#actionPanelWrapper.burj {
    background: transparent !important;
}
#actionPanel #merchant-info {
    color: #aaa;
}
#cbcc_banner {
    display: none;
}
form-actions {
    border-top: 1px solid #404552 !important;
    background: #272b35 !im...

Reviews

No reviews yet.