Marktplaats donker thema by DreamTheme

/* ==UserStyle==
@name       Marktplaats donker thema
@version    20241126.15.30
@namespace  ?
==/UserStyle== */

@-moz-document domain("marktplaats.nl") {
body {
 background:#1a1a1a;
}
.hz-Page,
.hz-Header-searchBar,
.Page-container .l1-page-section:nth-child(odd) 
{
 background:#222;
}

.FeedsTabs-tabs {
    background:#222;
    border-bottom: 1px solid #000;
}

.hz-Footer,
.hz-Card,
.hz-Listing,
.hz-Header-navBar,
.hz-CategoryMenuBar,
.hz-CategoryMenuBar-topLevelItems,
.CategoryBreadcrumbs-categoryBreadcrumb .CategoryBreadcrumbs-categoryIconContainer /* achtergrond icoontje categorie */
{
 background:#1a1a1a;
}
.hz-Link > .hz-Listing.hz-Listing--vertical:hover {
  /* box-shadow: 0 1px 4px rgba(0,0,0,.12),0 1px 4px rgba(0,0,0,.14); */
  box-shadow: 0 1px 4px rgba(130, 130, 130, 0.12),0 1px 4px rgba(130, 130, 130, 0.14);
}
/* scheidings-lijntjes in zoekmenu lijst */
.hz-Nav-dropdown .hz-Link--isolated, 
.hz-Nav-dropdown .hz-Link--isolated:hover {
    border-bottom-color: #333;
}

.hz-SuggestedSearches-popularKeywordPageLink {
    background:none;
}

.hz-Header-ribbonTop,
.mp-header-0 .mp-Header-ribbonTop.mp-header {
    display:none;
}

.hz-Header-navBar.hz-Header-bigger-touchAreas,
.mp-header-0 .mp-Header-navBar.mp-header,.mp-header-0 .mp-Header-searchBar.mp-header {
    padding:3px;
    background:#eda566;
    /* border-bottom: 2px solid #eda566; */
}

.hz-CategoryMenuBar {
    box-shadow:0 1px 2px rgba(0,0,0,.15),0 -1px 2px rgba(0,0,0,.05);
}
.hz-Header-ribbonBottom {
    display:none;
    box-shadow:inset 0 1px 2px 0 rgba(0,0,0,.14)
}

/* omlijning zoekbalk */
.hz-Header-Autocomplete-input,
.hz-SearchFieldset-advanced .hz-Dropdown-formControl, .hz-SearchFieldset-advanced .hz-TextField-formControl,
.hz-Header .hz-SearchForm-search{
    border: 1px solid #333;
}
/* omlijning categorie-balk */
.hz-CategoryMenuBar-Item + .hz-CategoryMenuBar-Item, .hz-CategoryMenuBar-expandToggle + .hz-CategoryMenuBar-Item {
    border-left: 1px solid #333;
}
#category-menu-bar-root {
    border-top: 2px solid #333;
    border-bottom: 2px solid #333;
}
/* Speelgoed categorie (tijdelijk) */
.hz-CategoryMenuBar-Item a[href="/cp/speelgoed/"] {
    background: none;
    border: 2px solid #eda56678;
}
.hz-CategoryMenuBar-Item a[href="/cp/speelgoed/"]:hover {
    background: #89746245;
}


/* Homepage "Uitgelicht" */
.NavigationCard-root {
    background: #1a1a1a !important;
    border: 1px solid #000;
}
.NavigationCard-root:hover, .CategoriesBlock-listItem:hover {
  background:none;
}

/* auto's */
.CarsCategoryLinks-TabPanels {
 background-color:#1a1a1a;
}
.with-cars-filters .hz-Filters {
    background:#1a1a1a;
}
.hz-Modal-Content,
.hz-Modal--basic .hz-Modal-Header, .hz-Modal--bottom-sheet .hz-Modal-Header,
.hz-Modal--basic .hz-Modal-Footer, .hz-Modal--bottom-sheet .hz-Modal-Footer {
    background:#222;
}

.hz-Spinner {
 background-color:#1a1a1a;
}

/****************************************/
/*               ZOEKBALK               */
/****************************************/
.hz-Header-searchBar {
    padding:9px;
}

.hz-Header-Autocomplete-input {
    background-color:#1a1a1a;
}

.hz-Nav-dropdown-menu,
.hz-SearchFieldset-advanced .hz-TextField-formControl{
    background:#1a1a1a;
}


/*li.hz-Nav-pill {
    background:#1a1a1a;
}*/

.hz-Header .hz-Link.hz-Link--isolated:hover:not(.hz-Link.hz-Link--isolated.hz-Header-logo) {
    background:#222;
}
/*.hz-Nav-dropdown ul:hover  {
    border-bottom:red;
}*/

.hz-Header .hz-SearchFieldset-advanced .hz-SearchForm-category {
    background:#222;
}
.hz-SearchForm-category:hover {
    background: none;
}

.hz-Dropdown-input {
    background: #222
}
.hz-Dropdown-formControl:hover,
.hz-SearchForm-distance:hover, .hz-Dropdown:hover {
    background:#222;
}
/* alle afstanden */
.hz-Dropdown,
.hz-Header .hz-SearchFieldset-advanced .hz-SearchForm-distance {
    background:#222;
}
.hz-Dropdown-formControl.is-filled.is-touched {
    background:none;
}
/* Categorieën balk */
.hz-CategoryMenuBar-expandToggle:hover,
.hz-CategoryMenuBar-expandToggle:focus-within,
.hz-CategoryMenuBarItem-link:hover,
.hz-CategoryMenuBar .hz-CategoryMenuBar-expanded,
.hz-CategoryMenuBar .hz-CategoryMenuBar-expanded:focus-within,
.hz-CategoryMenuBar-expanded .hz-CategoryMenuBar-expandToggle:hover,
.hz-CategoryMenuBar-expanded .hz-CategoryMenuBar-expandToggle:focus-within,
.hz-CategoryMenuBar-foldout,
.hz-CategoryMenuBar-expandToggle:focus-within,
.hz-CategoryMenuBar-expandToggle:hover,
.hz-CategoryMenuBarItem-link:focus-within,
.hz-CategoryMenuBarItem-link:hover
{
    background:#222;
}


/*.hz-Dropdown-formControl.is-filled:hover, 
.hz-Dropdown-formControl.is-filled.is-touched:hover, 
.hz-Dropdown-formControl.is-filled:active,
.hz-Dropdown-formControl.is-filled.is-touched:active {
    border:1px solid #ff03ef;
}
*/


/*************************************/
/* Voor jou | In je buurt | Trending */
/*************************************/

.hz-TabNext {
    height: 35px;
}

.hz-TabNext--active {
  /* border-bottom-color: #116db4; */
  border-bottom-color: #eda566;
}
.hz-TabNext:hover {
    background: #1a1a1a;
}

.hz-Pills {
    background-color:#222;
    padding: 10px 10px 5px 0;
    top: 85px;
}


/*********************************/
/*         ZOEKRESULTATEN        */
/*********************************/

/* Verfijn zoekresultaten */
.hz-Filter-attribute label.hz-SelectionInput-Label:hover, .hz-Filter-attribute label:hover,
.hz-Filter .hz-Tree-list li:hover {
    background-color: #0000;
}
.hz-Listing--gallery-item .hz-Listing-image-container {
    background:#0000;
}
.hz-SelectionInput-Input {
    background-color:#444;
}
.hz-Divider {
    border-top:1px solid #333;
}
.mzs-reserved {
 background-color:#36f700 !important;
}

/*********************************/
/*          ADVERTENTIES         */
/*********************************/

/*achtergronden in advertenties*/
.block-wrapper, .block-wrapper-m, .hz-FooterCategoryLinks {
  background: #1a1a1a;
}

.carousel .slide {
 background:#222;
}
.Carousel-withBorders {
 border:1px solid #333;
}
.Gallery-dialog,
.Gallery-modalContent {
 background:#222;
}
.Carousel-dialogContainer {
 background:#1a1a1a;
}

.hz-Accordion-accordionItem, .CarAttributesAccordion-header,
.CarUspBlocks-block {
    background: none;
}

/*Lijntjes in advertentie*/
.Sustainability-root, .Report-container, .Attributes-item:first-child, .Attributes-item:nth-child(2),
.hz-Accordion-accordionItem, .CarAttributesAccordion-header,
.CarUspBlocks-block + .CarUspBlocks-block, .SellerContactOptions-root, .BiddingList-container {
    border-top: 1px solid #333;
}
.Attributes-item, .SocialShare-root, .Listing-root,
.SellerInfo-section:not(:last-child), .InspectionService-root, .BiddingList-content, .hz-Footer-appsInstall, .hz-Footer-links,
.CarAttributes-root {
    border-bottom: 1px solid #333;
}


/* Ophalen of verzenden */
.ShippingInformation-deliveryLabel,
/* Particuliere of zakelijke verkoper */
.SellerIdentity-badge, .SellerIdentity-message {
    background-color: #333;
}


/* Verlopen advertentie */
.SellerPageLink-root {
    border-top-color: #333;
}
.ExpiredListing-root {
    border-bottom-color: #333;
}
.hz-Badge--error {
 background-color:#800000;
 color:#bbb
}
.EvipSimilarItems-root {
    border-bottom-color: #333;
}

/****************************************/
/*                 TEXT                 */
/****************************************/

body,
html,
.hz-Title, /*.hz-Text,*/
/*zoekbalk*/
.hz-Header-Autocomplete-input,
.hz-TextField-input, .hz-Dropdown-input,
.LinksBlock-text,
.hz-CategoryMenuBar-expandToggle,
.hz-CategoryMenuBarItem-link, .hz-Listing-price, .hz-Listing--list-item .hz-Attribute--default,
.hz-Listing-other-seller-info-container .hz-text-price-label,
.with-cars-filters .hz-Filter-attribute label,
.with-cars-filters .hz-Filter-attribute label.hz-SelectionInput-Label,
.hz-AccordionItem-accordionHeader,
.ShippingInformation-deliveryLabel,
.SellerIdentity-badge, .SellerIdentity-message,
.hz-Listing-compact,.hz-Filter .hz-Tree-list .hz-Level-two--more,
.hz-NotificationCenterApp .l-page>h1,
.FilterSection-filters-container .FilterSection-filterAll,
.mp-Listing-card-body .mp-Listing-card-price,
.forceCommunityTopArticleList > h2, .forceTopicFeaturedTopics > h2, .my_sectionHeader > h3, .selfServiceTopicRelatedArticle > h2, div.myCustomHtmlDiv > h3,
.hz-NotificationCenterItem-message,
.article-wrapper .slds-text-longform .slds-rich-text-editor__output,
article.content .slds-rich-text-editor__output,
article.content .slds-rich-text-editor__textarea,
.slds-theme_default,
.slds-theme--default,
.hz-Attribute,
.hz-Text {
    color:#bbb;
}
/* help & info - melding gepland onderhoud */
.siteAlertWrapper > div:nth-child(1) > p:nth-child(n) > em:nth-child(1) {
    color: #bbb !important;
}

/*a:link, */
.hz-Link, .hz-Link:visited, .hz-Link:hover, 
.hz-Link.hz-Link--isolated, .hz-Link.hz-Link--isolated:hover,
.hz-Link.hz-Link--block:visited .hz-Link,
.hz-Link.hz-Link--block:hover .hz-Link,
.hz-Listing-title,
.mp-Listing-card-body .mp-Listing-card-clickable-container .mp-Listing-card-title,
.u-colorTabBarSelectedDefault,
.hz-Button.hz-Button--secondary, .hz-RoundButton.hz-RoundButton--secondary,
.hz-Button.hz-Button--secondary:hover, .hz-RoundButton.hz-RoundButton--secondary:hover,
.hz-NotificationCenterItem-ctaLabel, .hz-NotificationCenterItem-ctaLabel:hover, .hz-NotificationCenterItem-message:hover,
.forceTopicFeaturedTopics .stylingOverrideHook_422a .topicContent .topicLabel,
.forceTopicFeaturedTopics .stylingOverrideHook_422a .topicContent .topicLabel:hover,
.forceCommunityTopArticleListForTopic li.forceCommunityTopArticleItem .article-title-link span,
.slds-button,
.cLC_ArticlesByTopic .list-article-wrapper ul > li a,
.forceCommunityRichText a{
    color:#6195be;
}
.slds-button:hover, .slds-button:focus,
.forceCommunityRichText a:hover {
    color: #527ea2
}

#navigation .hz-Link, #navigation .hz-Link:visited, #navigation .hz-Link:hover,
.hz-Listing-title {
    color:#6195be !important;
}

/* o.a. ...