New design for commerce pro

Hello everyone, there is a new design and color combination for commerce pro module if you want to apply it you can copy the source code from bellow code section and paste it in your color-advance css section.

And if you want any changes please reply in comment section.

Before  After

ion-view.module-commercepro.pane.has-background-image{
     background-image: linear-gradient(to top, #a18cd1 0%, #fbc2eb 100%) !important; 
}
div.nav-bar-block .bar{
     background-image: linear-gradient(to bottom, #a18cd1 0%, #fbc2eb 100%) !important;
     border:0;
}
div.nav-bar-block .bar .title-center{
       color:black;
}
ion-view[state="commercepro-category-list"] .rectangle-card{
     margin: 20% 20% 5%;
}
ion-view[state="commercepro-category-list"] .rectangle-card .circle-store{
    width: 330px;
    height: 242px;
    margin-left: -165px;
    border-radius: 5px;
    border: none;
    top: -20px;
}
ion-view[state="commercepro-category-list"] .rectangle-card .circle-store .store-cover{
     height: 100%;
     padding-top: 10%;
}
ion-view[state="commercepro-category-list"] div.scroll .row .col-90 .item-input{
     border-radius: 0.7em;
     bottom: 370px;
     left: 15px;
} 
ion-view[state="commercepro-category-list"] div.scroll .row .col-90 .item-input #search{
     padding: 10px; 
} 
ion-view[state="commercepro-category-list"] div.scroll .category-image{
      display: none; 
}
ion-view[state="commercepro-category-list"] div.scroll .store-category{
       background: none; 
}
ion-view[state="commercepro-category-list"] div.scroll .store-category .item-custom{
       top: 10px; 
}
ion-view[state="commercepro-category-list"] div.scroll .store-card{
    top:-5px;
    margin:0px;
}
ion-view[state="commercepro-category-list"] div.scroll .store-category .item-custom h2{
    display : none; 
} 
ion-view[state="commercepro-category-list"] div.scroll .store-category .item-custom{
    background: transparent; 
    border:0;
}
ion-view[state="commercepro-category-list"] div.scroll .store-category .item-input{
    background: transparent;
}
ion-view[state="commercepro-category-list"] div.scroll .row .col-10{
    display : none;        
}
ion-view[state="commercepro-category-list"] div.scroll .store-products{
    top: -60px;
}
ion-view[state="commercepro-category-list"] div.scroll .store-products .item-custom1 .row .col-90{
    display: none; 
}
ion-view[state="commercepro-category-list"] div.bar-custom.bar{
    background: transparent; 
    border: none;
}
ion-view[state="commercepro-category-list"] div.bar-custom.bar .icon-left{
   background-image: linear-gradient(120deg, #f6d365 0%, #fda085 100%);
}