Visual improvements for Discogs inspired by Material You: cleaner layout, better spacing, modern styling.
// ==UserScript==
// @name Discogs Material You Design
// @name:en Discogs Material You Design
// @description Modernizuje wygląd Discogs stosując lekki motyw: lepsze odstępy, czytelniejszy układ, nowoczesny styl.
// @description:en Visual improvements for Discogs inspired by Material You: cleaner layout, better spacing, modern styling.
// @author OscarOS
// @match https://www.discogs.com/*
// @grant GM_addStyle
// @version 1.3
// @namespace https://greasyfork.org/users/1320189
// ==/UserScript==
GM_addStyle(`
/* WANTLIST - pastelowy czerwony FFCDD2 */
.wantlist_ramYs {
background: #FFCDD2 !important;
border-color: #FFCDD2 !important;
border-radius: 15px !important;
color: #410002 !important;
padding: 16px !important;
box-shadow: 0 2px 4px rgba(0,0,0,0.12) !important;
}
.wantlist_ramYs a,
.wantlist_ramYs * a,
.wantlist_ramYs .wrapper_F6O4e {
color: #410002 !important;
fill: #410002 !important;
stroke: #410002 !important;
}
.wantlist_ramYs .button_PgYDF.link_ijVx7 {
color: #410002 !important;
fill: #410002 !important;
stroke: #410002 !important;
}
.collection_DQxgF {
background: #c8e6c9;
border-color: #c8e6c9;
color: #2f452f;
margin-bottom: 10px;
}
/* ADD / REMOVE — pastelowy zielony C8E6C9 */
.light ._button_yjcsc_1._secondary_yjcsc_60 {
background: #dbca98 !important;
color: #000000 !important;
border-color: #dbca98 !important;
border-radius: 12px !important;
box-shadow: 0 2px 4px rgba(0,0,0,0.12) !important;
transition: background 0.2s ease, box-shadow 0.2s ease !important;
margin-bottom: 10px;
}
.light ._button_yjcsc_1._secondary_yjcsc_60:hover {
background: #b7b68a !important; /* tonal shift */
box-shadow: 0 4px 8px rgba(0,0,0,0.18) !important;
margin-bottom: 10px;
border-color: #b7b68a !important;
}
/*zdjecie okładki*/
.image_ARREB {
border-radius: 15px !important;
overflow: hidden !important;
box-shadow: 0 5px 6px rgba(0,0,0,0.15) !important;
border: 0px solid #FFCDD2 !important;
}
/*pasek wyszukiwania*/
._search_12zpo_33 {
border-radius: 15px !important;
}
/*paski kolor*/
.header_BgEm1 {
background: #ffffff !important;
}
.textarea_pO4kR {
padding: 12px 20px 12px !important;
border-radius: 15px !important;
font: -webkit-control !important;
background: #ededed !important;
border: 0px solid #ffffff !important;
/* usuwa stare brzydkie cienie */
box-shadow: none !important;
border: none !important;
}
.section_Odw8o {
box-shadow: 0 2px 24px rgba(0, 0, 0, 0.09);
border-radius: 16px;
padding: 16px !important;
}
/* KARTA DLA TREŚCI FOR SALE */
.shopping-box-empty {
padding: 16px !important;
border-radius: 16px !important;
box-shadow: 0 2px 24px rgba(0, 0, 0, 0.09) !important;
background: #fff !important;
}
/* KARTA DLA NAGŁÓWKA FOR SALE */
h2.mb-2 {
padding: 12px 16px !important;
border-radius: 16px !important;
box-shadow: 0 2px 24px rgba(0, 0, 0, 0.09) !important;
background: #fff !important;
border-bottom: none !important;
}
/*sekcja “For Sale” na stronie release’u*/
.shopping-box-host {
width: none;
padding: 16px;
border-radius: 16px !important;
box-shadow: 0 2px 24px rgba(0, 0, 0, 0.09);
}
/*zielony przycisk “Add to Cart” w sekcji For Sale*/
#shopping-box-host .shopping-box-green-cta {
border-radius: 15px;
background-color: #000000;
width: none;
}
/*ramka wokół miniaturki okładki w sekcji For Sale*/
#shopping-box-host .shopping-box-image-border {
border-radius: 15px;
}
/*karta “Wantlist” albo “Statistics”*/
.box_PFmyl {
border-radius: 15px;
padding: 16px;
}
/*wnętrze tej samej karty (Discogs używa losowych klas (Wantlist) lub statics*/
.body_utiDG {
box-shadow: 0 2px 24px rgba(0, 0, 0, 0.09);
padding: 16px;
border-radius: 16px !important;
}
/*To zmienia WSZYSTKIE nagłówki H2 na całym Discogs*/
h2 {
font-size: 18px;
}
/*dane albumu na stronie wydania*/
.info_LD8Ql {
margin-left: 35px;
}
/*tytuł albumu/wykonawca*/
.css-12sap66 {
margin-left: 30px;
}
/*TRACLIKSTA*/
.tracklist_ZdQ0I td {
padding-top: 6px !important;
padding-bottom: 12px !important;
}
.tracklist_ZdQ0I td .MuiTypography-root {
font-size: 15px !important;
line-height: 18px !important;
}
/*ilość rodzajów wydań na stronie albumu*/
.row_fmef0 {
border-radius: 16px;
padding: 10px;
margin: 10px;
border: 1px solid #ffffff00;
}
/*obrazy do sekcji powyżej rodzajów wydań*/
.thumbnail_TqupR {
border-radius: 10px;
}
/*tło obrazów do tej sekcji rodzajów wydań (szare tło pod miniaturkami)*/
.well_FaGiJ {
background: #ededed;
border-radius: 16px;
}
/*przycisk dodaj do koszyka - wczesneij zielony domyślny, zmiana na czarny*/
.button.button-green {
background-color: #000000;
border-radius: 15px;
padding: 4px;
width: 190px;
border: 1px solid #000000 !important;
}
/*przycisk make offer/details*/
a {
color: #000000;
}
/*przycisk view your wantlist - strona show your wantlist*/
a.bg-brand-interactive {
background-color: #15489f;
color: white;
border-radius: 16px;
width: 180px;
text-align: center;
box-shadow: 0 2px 24px rgba(0, 0, 0, 0.09);
}
/*przycisk dodaj do koszyka - strona shop your wantlist*/
a.bg-brand-green700{
background-color: #060606;
color: white;
border-radius: 8px;
}
/*przycisk make offer - strona shop your wantlist*/
.text-brand-black {
border-radius: 8px;
}
/*na tej samej stronie dane albumu ponownie*/
div.body .profile{
order: 2;
padding-left: 20px;
}
.thumbnail_link img {
border-radius: 16px;
margin-bottom: 24px
}
.is_mobile.needs_reduced_ui div.body h1 {
margin-bottom: 5px;
}
/*strona główna*/
.thumbnail_link {
box-shadow: none;
}
/*gwiazdki*/
.fill_Wl4ZB {
color: #ff6b00;
}
/*submissions*/
#browser_tdl_items_title{
background: #e5ecff;
padding: 15px;
color: black;
}
#browser_tdl_items_title h2 {
font-weight: bold !important;
line-height: 2em;
}
#items li {
display: block !important;
margin-bottom: 10px !important;
padding: 10px 12px !important;
border-radius: 0px !important;
width: 200px !important;
}
#items li a.sublink {
font-size: 16px !important;
line-height: 1.4 !important;
display: block !important;
}
#items li br {
line-height: 2 !important;
}
#items {
width: 250px !important;
}
/*profil użytkownika/sprzedawcy*/
#user_header .user_avatar {
border-radius: 25px;
border: 2px solid #000000;
}
.section.tracklist table
tr.tracklist_track.subtrack
td:first-child:before,
.icon,
.rating_icons {
margin-right: 5px;
}
/* ===== NOWY KOD DLA PRZYCISKÓW "Release Information" ===== */
.inline-buttons {
display: block !important; /* Gwarantuje, że nagłówek H2 pozostaje na swoim miejscu nad przyciskami */
}
/* UKŁAD KOMPUTEROWY (Desktop) - małe przyciski ułożone obok siebie poziomo */
.release_info_buttons {
display: flex !important;
flex-direction: row !important;
flex-wrap: wrap !important;
gap: 8px !important;
margin-top: 12px !important; /* Odstęp od nagłówka H2 */
}
.release_info_buttons .button {
border-radius: 16px !important;
padding: 8px 16px !important;
margin: 0 !important;
min-width: unset !important; /* Pozwala im przyjąć naturalną, mniejszą szerokość */
width: auto !important;
flex: 0 1 auto !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 14px !important;
}
.button.button-blue {
background-color: #15489f !important;
border-color: #15489f !important;
color: #ffffff !important;
border-radius: 16px !important;
}
/* UKŁAD MOBILNY (Telefony) - duże przyciski ułożone jeden pod drugim na całą szerokość */
@media screen and (max-width: 768px) {
.release_info_buttons {
flex-direction: column !important;
width: 100% !important;
}
.release_info_buttons .button {
width: 100% !important;
min-height: 44px !important;
font-size: 15px !important;
}
}
/*NOWA KARTA SPRZEDAŻY*/
.hifi-button-kind-filled.hifi-button-tone-marketplace.hifi-button-theme-default .hifi-button-surface {
background-color: #053c9f;
border-radius: 16px;
font: -webkit-control;
color: var(--content-marketplace-contrast);
}
.hifi-button-kind-filled.hifi-button-tone-secondary.hifi-button-theme-default .hifi-button-surface {
background-color: var(--background-secondary-enabled-default);
color: var(--content-secondary-contrast);
border-radius: 16px;
font: -webkit-control;
}
.hifi-wantlist-button-toggle-kind-button.hifi-wantlist-button-toggle-size-lg .hifi-wantlist-button-toggle-surface {
padding: 0 var(--spacing-1-25);
letter-spacing: .46px;
font-size: 16px;
line-height: 26px;
border-radius: 16px;
font: -webkit-control;
}
.hifi-display {
font: -webkit-control;
font-size: 40px;
font-weight: 700 !important;
}
#root, #root * {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}
`);