Discogs Dark Mode by doktorsultan

/* ==UserStyle==
@name        Discogs-Dark_Mode
@namespace   gomgon
@version     1.1.58
@homepageURL https://github.com/gomgon/UserCSS
@homepageURL https://userstyles.world/style/2861/discogs-v220121
@license     CC-BY-SA-4.0
@author      gomgon
@advanced color bg "Background" #1E1E1E
@advanced color bgo "Background overlay" rgba(030,030,030,0.75)
@advanced color idx "Indextracks" #202020
@advanced color idxh "IndextracksHeading" #242424
@advanced color header "Headers" #222222
@advanced color elements "Elements" #282828
@advanced color elements-lighter "Lighter elements & headers" #323232
@advanced color elements-lighter-less "Less lighter Elements" #2E2E2E
@advanced color elements-highlight "Highlighted elements & headers" #324242
@advanced color border-color "Borders color" #323232
@advanced color border-color-dark "Borders darker color" #080808
@advanced color border-color-light "Borders lighter color" #484848
@advanced color secondary-button "Buttons" #404040
@advanced color secondary-button-H "Buttons hover" #505050
@advanced color main-text "Main text" #999999
@advanced color text-2 "Text less1" #666666
@advanced color text-3 "Text less2" #444444
@advanced color text-H "Text highlight" #EEEEEE
@advanced color button-text "Buttons text" #FFFFFF
@advanced color color-global "Main Color" #4C88a8
@advanced color color-global-H "Main color hover" #6Ca8c8
@advanced color link-visited "Visited link" #8C68a8
@advanced color link-visited-H "Visited link hover" #ac88c8
@advanced color collection "Collection color" #1a2b2f
@advanced color wantlist "Wantlist color" #2b1a1f
@advanced color alert-bck "Alert Background colour" #302828
@advanced color alert-txt "Alert text colour" #aa8888
@advanced color alert-link "Alert unvisited link colour" #4769b5
@advanced color alert-link-H "Alert unvisited link hover colour" #7C98D8
==/UserStyle== */
@-moz-document domain("discogs.com"), domain("embed.music.apple.com"){
.section.report .section_content hr{display:none;}
    
/*Global background colour*/
    body, a.readmore_toggler, #site_header #site_search, .history tr.odd, .history tr:nth-child(2n+1), .history tr.even, .history tr:nth-child(2n), .history table tr.datarow:hover, .is_mobile.needs_reduced_ui #page.aside_off_canvas #page_content, table.subform_tracklist .subform_track {background:/*[[bg]]*/;}
    .body_32Bo9 a:visited {color:/*[[link-visited]]*/;}
    .body_32Bo9 a:visited:hover {color:/*[[link-visited-H]]*/; text-decoration:none !important;}
    .body_32Bo9 a {color:/*[[color-global]]*/;}
    .body_32Bo9 a:hover {color:/*[[color-global-H]]*/; text-decoration:none;}
    
/*Global text colour*/
    ._light_16dv9_12, ._light_1bai0_11 {color:/*[[main-text]]*/;}

/*White bar on top error fix 2023-10*/
    .sticky_22tkD {display:none;}
    
/*Selling faq*/
    .text-grey-darkest {color:/*[[text-2]]*/;}
    main#main li a:hover {color:/*[[main-text]]*/; text-decoration:underline;}
    main#main li a.accordion-button {color:/*[[main-text]]*/;}
    #theme-nav {background-color:/*[[bg]]*/;}
    circle {background-color:/*[[bg]]*/; color:/*[[main-text]]*/;}
    .bg-grey-lighter {background-color:/*[[idx]]*/;}
    .wp-block-post-title a:link, .wp-block-post-title a:visited {color:/*[[text-2]]*/!important; text-decoration: none !important;}
    .wp-block-post-title a:link:hover, .wp-block-post-title a:visited:hover {color:/*[[text-H]]*/!important; text-decoration: none !important;}
    
/*List items for sale*/
    #quicklister .pane {background:/*[[bg]]*/;}
    .as_table_block .header, .as_table_block .footer, .as_table_block .header, .as_table_block .footer {background:/*[[idx]]*/;border-bottom:1px solid /*[[border-color]]*/;}
    .as_table_block .body_row.even, .as_table_block .body_row.even {background:/*[[idx]]*/;}
    select {background:/*[[idxh]]*/; color:/*[[main-text]]*/; border:1px solid /*[[border-color]]*/;}
    input {background:/*[[idxh]]*/; color:/*[[main-text]]*/; border:1px solid /*[[border-color]]*/;}
    
/*Sell item*/
    div[class^="release_preview"] {background:/*[[idx]]*/; border:1px solid /*[[border-color]]*/;}
    h2[class*="sell_item_form_heading"] {background:/*[[idxh]]*/; border-bottom:1px solid /*[[border-color]]*/;}
    
/*Shipping policies*/
    .shipping_policy_editor h1 {color:/*[[text-2]]*/;}
    .shipping_policy_editor .policy {background:/*[[idx]]*/; color:/*[[main-text]]*/; border:1px solid /*[[border-color]]*/;}
    .shipping_policy_editor .policy.contracted:hover {background:/*[[idxh]]*/; color:/*[[main-text]]*/; border:1px solid /*[[border-color]]*/;}
    .shipping_policy_editor .policy.contracted:hover h2 {color:/*[[main-text]]*/;}
    .icon-chevron-right {color:/*[[main-text]]*/;}
    .icon-chevron-down {color:/*[[main-text]]*/;}
    .shipping_policy_editor .policy_action_buttons {background:/*[[idx]]*/; border:1px solid /*[[border-color]]*/;}
    .shipping_policy_editor .policy_header {background:/*[[idx]]*/; border:1px solid /*[[border-color]]*/;}
    .shipping_policy_editor .policy_right {border-left:1px solid /*[[border-color]]*/;}
    .shipping_policy_editor .destinations li .expander {background-color:/*[[idxh]]*/;}
    .shipping_policy_editor .methods {background:/*[[idx]]*/;}
    .shipping_policy_editor .method {background:/*[[idx]]*/; border:1px solid /*[[border-color]]*/;}
    .shipping_policy_editor .method.contracted:hover {background:/*[[idxh]]*/; border:1px solid /*[[border-color]]*/;}
    .icon-plus-circle {color:/*[[main-text]]*/;}
    .shipping_policy_editor .add_range .label, .shipping_policy_editor .add_block .label {color:/*[[main-text]]*/;}
    .shipping_policy_editor .focused.add_range .label, .shipping_policy_editor .focused.add_block .label, .shipping_policy_editor .dragging.add_range .label, .shipping_policy_editor .dragging.add_block .label, .shipping_policy_editor .add_range:hover .label, .shipping_policy_editor .add_block:hover .label {background:/*[[idxh]]*/;}
    .remove-range {background:/*[[idx]]*/; color:/*[[main-text]]*/; border:1px solid /*[[border-color]]*/; border-radius:8px;}
    .remove-range:hover {background:/*[[idxh]]*/; color:/*[[main-text]]*/; border:1px solid /*[[border-color]]*/; border-radius:8px;}
    .shipping_policy_editor .add_range {background:/*[[idx]]*/; color:/*[[main-text]]*/; border:1px solid /*[[border-color]]*/; border-radius:8px;}
    .shipping_policy_editor .add_range:hover {background:/*[[idxh]]*/; color:/*[[main-text]]*/; border:1px solid /*[[border-color]]*/; border-radius:8px;}
    .shipping_policy_editor .policy.contracted.disabled:not(.nudged) .policy_top, .shipping_policy_editor .policy.contracted.smudged .policy_top {background:/*[[header]]*/; color:/*[[text-3]]*/; border:1px solid /*[[border-color]]*/;}
    .shipping_policy_editor .policy.contracted.disabled:not(.nudged):hover .policy_top, .shipping_policy_editor .policy.contracted.smudged:hover .policy_top {background:/*[[idx]]*/; color:/*[[text-3]]*/; border:1px solid /*[[border-color]]*/;}

/*Shipping policy chat help*/
    .eUGVYL {background:/*[[bg]]*/;}
    
/*Tracklist colour and appearance*/
    table.subform_tracklist .subform_track.track_index {background:/*[[idx]]*/;}
    table.subform_tracklist .subform_track.track_subtrack, table.subform_tracklist .subform_track.subform_subtrack {background:/*[[idx]]*/;}
    button.id_3y8W3 span {color: /*[[main-text]]*/;}
    tr.index_3D8To {background:/*[[bg]]*/; font-weight: normal;}
    tr.index_3D8To td {padding-left: 2px;}
    tr.subtrack_1Itjg {background:/*[[bg]]*/; font-size: smaller;}
    tr.subtrack_1Itjg td.trackTitle_CTKp4 {padding-left: 8px;}
    tr.heading_24HyI {background:/*[[idxh]]*/;}
    table.tracklist_3QGRS {border-collapse: separate; border: 2px solid /*[[idx]]*/; border-spacing: 0px;}

    span.dash_1EAjh {color: /*[[idxh]]*/;}
    header.header_W2hzl {background:/*[[header]]*/;}
    button.toggle_2rDeb {color:/*[[text-2]]*/;}
    button.id_3q3rO {color:/*[[text-2]]*/;}

    ._light_1xqjm_12 { color: /*[[main-text]]*/; }
    form.eonFzo input {background:/*[[bg]]*/; color:/*[[text-2]]*/;}
    table.tracklist_4KOvL {border-collapse: separate; border: 2px solid /*[[idx]]*/; border-spacing: 0px;}
    div.nQjBk {background:/*[[idxh]]*/; color:/*[[main-text]]*/;}
    button.lhxyHb {color:/*[[main-text]]*/;}
    tr.gLbvPg {background:/*[[idx]]*/; border:none;}
    tr.gLbvPg:hover {background:/*[[elements]]*/; border:none;}
    div.eXUmLR {background:/*[[idx]]*/; border-color:black;}
    div.fbdVXS {color:/*[[main-text]]*/; }
    div.dcVLSH {border-color:black;}
    div.hupIQu:not(:first-child) {border:black;}
    div.cCzWyy {border:black;}
    div.hkeGTp {border:black;}
    td.fLqRRO {border:none}
    span.gPTdwr {color:/*[[main-text]]*/; border:black;}
    span.oXLEV {color:/*[[main-text]]*/; border:black;}
    span.frpXFh {color:/*[[main-text]]*/; border:black;}
    .wrapper_iNNjN {border-top: 1px solid /*[[border-color]]*/;}
    .left_2c7X6 {border-right: 1px solid /*[[border-color]]*/;}
    
    .duration_2t4qr {color:/*[[text-2]]*/;}
    
/*Tooltips*/
    div [class^=tooltip] {background:/*[[idx]]*/!important; color:/*[[main-text]]*/;}
    div [class^=tooltip] h3 {border-bottom:1px solid /*[[border-color]]*/;}
    div [class^=tooltip] a {color:/*[[main-text]]*/!important;}
    div [class^=tooltip] div {color:/*[[text-2]]*/;}
    div [class^=more] {color:/*[[color-global]]*/!important;}
    div [class^=more]:hover {color:/*[[color-global-H]]*/!important;}

/*EzraZebra section start*/
/*The text in the legend on the edit/history page is too light against the color background, made it black (text-2 still too light):*/
    .data > table:last-child table { color: #000; }
    
/*Ratings stars in main color:*/
    .icon_2LaLF { color: /*[[main-text]]*/; }

/*Inventory table has a white background and light borders:*/
    table.sell tr { background-color: /*[[bg]]*/; }
    table.sell td { border-top-color: /*[[border-color-light]]*/; }
    
/*submenu icons same as text: see section TOP MENU*/
/*EzraZebr...