Eneba - Amoled by xiggi

/* ==UserStyle==
@name           Eneba - Amoled
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    Deep Dark theme for Eneba
@author         Me
==/UserStyle== */

@-moz-document domain("eneba.com") {
    :root {
        --main-bg: rgb(12, 12, 12);
        
        --second-bg: rgb(21, 21, 21);
        --second-bg-opacity: rgba(21, 21, 21, .5);
        
        --third-bg: rgb(31, 31, 31);
        --third-bg-hover: rgb(31 31 31 / 80%);;
        
        --gray-bg: rgb(31, 31, 31);
    }

    /** hiding footer, share link **/
    .s7aKcu, .xCd0YY, .chiO6F {
        display: none;
    }
    
    body {
        background: var(--main-bg);
    }
    
    .eRDpjp, .VWu4U6, .Wz6WhX, .v3QnhZ, .VWCNuA, .YHd7Sm, .c5h7a1, .pFaGHa {
        background: var(--second-bg);
    }
    
.onFZLe.bqzI9h {
    border-top: 1px solid var(--third-bg);
    }
    
    .qdQfqU {
        background: var(--third-bg);
        color: #23c299;
        border: 1px solid #23c299;
    }
    
    .d3kAJw.fmzLYJ.kf8VSQ {
        background: var(--third-bg);
        transition: 0.2s;
    }
    
.s0H2qC {
        background: var(--third-bg);
    }
    
.Rlxi49 {
    border: 1px solid var(--third-bg);
}
    
    .Fb0Y7i.osK4dT {
        background: var(--second-bg);
    }
    
    .PPiSi9 {
        background: var(--second-bg);
    }
    
    .MDro3s::after {
        color: var(--second-bg);
    }
    
    .d8Sliv {
        background: var(--second-bg);
    }
    
    .xLDDSK>li.ITLTG9>button, .xLDDSK>li:hover>button, .aJGDCK.active, .aJGDCK:hover  {
        background: var(--third-bg);
    }
    
    .EFBmpK, ._4Q0wgP  {
        background-color: var(--second-bg);
    }
    
.CYUsFp.AO4zkM {
        background: var(--third-bg);
    }
    
    .inputForm {
    box-shadow: inset 0 1px 3px var(--third-bg);
    }
    
    .pbTbh2 {
        background: var(--second-bg); 
        box-shadow: 0 7px 15px 0 var(--second-bg);
    }
    
    .pbTbh2::before {
    border-bottom: 6px solid var(--second-bg);
    }
    
    .UCOPAE {
        background: var(--second-bg);
    }
    
    .UCOPAE:hover {
        background: var(--third-bg);
    }
    
    .pFaGHa {
        background: var(--second-bg);
    }
    
    .Lj4up4 {
        background-color: var(--third-bg);
    }
    
._4Q0wgP:nth-last-child(n+2) {
    border-bottom: 2px solid var(--third-bg);
}
    
    .cDBE_J {
        background: var(--second-bg); 
    }
    
    .MHOfDb>button:hover, .MHOfDb>a:hover {
        background-color: var(--third-bg);
        color: #23c299;
    }
    
    .MHOfDb {
        background: var(--second-bg); 
    }
    
    .EkZBC1 {
        background-color: var(--second-bg);
    }
    
    .zqY1ec {
        background-color: var(--third-bg);
    }
    
    .ZPGj85 {
        background: var(--second-bg);
    }
    
    .ES0pMh {
        background: var(--third-bg); 
    }
    
    .pFaGHa {
        background: var(--second-bg);
    }
    
    .V8bldZ {
        background: var(--second-bg);
    }
    
    .gU0c4l {
        background: var(--second-bg); 
    }
    
    .AAVMb6 {
        background: var(--second-bg); 
    }
    
    .Ce0svF {
        background: var(--second-bg); 
    }
    
    .HwFIjV.MBI5bn {
        background-color: var(--third-bg); 
    }
    
    .uErOIg {
        background: var(--second-bg); 
    }
    
    .Z_y9Cj {
        background: var(--third-bg)
    }
    
    .tlWg37 {
        background: var(--second-bg); 
    }
    
    .gbMolu {
        background: var(--second-bg); 
    }
    
    .t4O1mP:hover .cqBXfN {
        background: var(--second-bg); 
    }
    
    .e62Pie {
        background: var(--second-bg); 
    }
    
.e62Pie::after {
    border-color: var(--second-bg) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);
}
    
    .pFaGHa {
        background: var(--second-bg);  
    }
    
    .GWiHJw {
        background-color: var(--second-bg-opacity);
    }
    
    .h2DMqW, .cYd4I9, .jfM2eM, .BEd3lu, .JjgYZ4 li>a, .JjgYZ4 li>.AYXRjo, .cE2dbi {
        background: var(--second-bg); 
    }
    
    .q6MITJ, .JjgYZ4 li>a, .JjgYZ4 li>.AYXRjo, .h2DMqW, .kUNEHW:nth-last-child(n+2)  {
        border-bottom: 1px solid var(--third-bg);
    }
    
    .JjgYZ4 li>a:hover, .JjgYZ4 li>.AYXRjo:hover {
        background: var(--third-bg);
    }
    
    .MKuTeG .h24iyb, .MKuTeG .sD1WnM{
        border: 1px solid var(--third-bg);
    }
    
    .gOgkyC {
        background: var(--second-bg); 
    }
    
    .IOlsow {
        background: var(--third-bg);
        border-bottom: 1px solid transparent;
    }
    
    .p1FB9B {
        background: var(--third-bg);
    }
    
    .uRmAq7>li:nth-last-child(n+2)::after {
        background: #ccc;
    }
    
    span.fXXifk, .uRmAq7>li {
        color: #ccc;
    }
    
    .KzPemk {
        background: #ccc;
        color: #000;
    }
    
    .eW3BJo, .hxkTkl {
        background: var(--main-bg);
    }
    
    .react-select-container.react-select-container .react-select__control {
    box-shadow: inset 0 1px 3px var(--third-bg);
    }
    
    .BEd3lu .Ue2RVC>button {
        border-color: var(--third-bg);
    }
    
    .Dl578M {
     background: var(--second-bg);
    }
    
    .Dl578M:hover {
        background: var(--third-bg);
    }
    
    .Dl578M, .MHOfDb>button, .MHOfDb>a, .vf8CrI, .PPIx7W {
        border-bottom: 1px solid var(--third-bg);
    }
    
    .JjgYZ4 ul ul, .y7qjBq {
     background: var(--second-bg);
    }
    
    .Qq7Bgf:hover, .Xir00U:hover {
        background: var(--third-bg);
    }
    
    .tiV0L9, .Xir00U {
        border-top: 1px solid var(--third-bg);
    }
    
.uy1qit {
        background: var(--third-bg);
    }
    
    .pFaGHa.WpvaUk.KRC33X {
        background: var(--third-bg) !important;
    }
    
.Wz6WhX.L6cSBv .nCDNJx {
    background-image: linear-gradient(to top, #0c0c0c, #151515 40px, rgba(50, 17, 125, 0));
    }
    
.wCMobA {
    background: var(--second-bg);
    border-bottom: 1px solid var(--third-bg);
}
    
.jnZYvU {
    border-top: 1px solid var(--third-bg);
}
    
.jws6Mp.selected {
    background: var(--third-bg);
    border:1px solid  rgb(88, 37, 204);
}
    
    .f8FspK, .p9i66W>li.WKyPQ3 {
    background: var(--second-bg);
}
    
    .b5cdf2, .I54boY {
    background: var(--third-bg); 
    }
    
    .__0Hsm .s9Cv4f.bbbLV3 {
        color: #ccc;
    }
    
.hSb0we {
    background: var(--second-bg);
}
    
    .zFfmt5 {
    background: var(--second-bg);
    }
    
    .YEN9Hb {
    background: var(--third-bg); 
    }
    
/* width */
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #0c0c0c;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #777;
}
}