Hi carlucci,
You can add the following CSS code to Tools > Custom CSS:
/*************Custom CSS For Megafilter component*****************/
.ja-filter-wrapper .filter-content {
background: transparent;
}
.ja-filter-wrapper .filter-content .input-text {
background: #5555;
border: 0;
padding: 10px;
color: #999;
}
.ja-filter-wrapper .filter-content .block-subtitle {
border-bottom-color: #333;
}
.products-toolbar .orderby-displaynumber {
background: #222;
}
div.toolbar-bottom {
border-top-color: #333;
}
.products-toolbar .toolbar-sorter .action {
background: #333;
}
.chosen-container-single .chosen-single {
background: transparent;
box-shadow: none;
height: 32px;
border-color: #333;
border-radius: 4px;
line-height: 32px;
}
.products-toolbar .toolbar-sorter .action .fa {
color: #999;
}
.products-toolbar .jamg-layout-chooser span.active {
border-color: #333;
color: #fed90f;
}
.products-toolbar .jamg-layout-chooser span {
background: #222;
border-color: #333;
}
.ja-products-wrapper .product-item .product-item-info {
background: #222;
border-color: #333;
}
.chosen-container-single .chosen-single div {
top: 3px;
}
If you want to change, you can let me know the position and detail what you want to have. I will help you resolve it.