foodora.hu dark theme by Dubbie

/* ==UserStyle==
@name         foodora.hu dark theme
@version      20230528.13.38
@namespace    userstyles.world/user/Dubbie
@description  A dark theme for the website https://www.foodora.hu
@author       Dubbie
@license      No License
==/UserStyle== */

@-moz-document domain("foodora.hu") {
:root {
    --s-colorDarkBlack: #161616;
    --s-colorDealBannerText: #b7b6b6;
    --s-colorBlack: #333333;
    --s-colorNeutral: #555;
    --s-colorNeutralSecondary: #999999;
    --s-colorNeutralDark: #444444;
    --s-text-color: #AAAAAA;
    --s-colorNeutralDivider: #777777;
    --s-text-active-color: #FFFFFF;
    --s-colorInteractionPrimary: #ff0e75;
    --s-colorNeutralPrimary: #FFFFFF;
    --s-colorWhite: #FFFFFF;
    --s-interactionFeedbackColor: #a83265;
    --s-colorDealHighlightLvl1: #8c2551;
    --s-colorDealPrimary: #ff0e75;
    --s-colorRatingTagText: #dddddd;
    --s-colorInteractionPrimaryFeedback: #711c40;
    --s-colorInformationHighlight: #a5a5d2;
    --s-colorInformationText: #3838ff;
}

body {
    color: var(--s-colorNeutralSecondary);
    background-color: var(--s-colorBlack);
}

.header::before,
.rdp-header #global-header {
    background-color: var(--s-colorBlack);
}

.header .cart-icon-wrapper,
.header .language-wrapper,
.header .logo-wrapper,
.header .user-wrapper,
.header .when-wrapper,
.header .where-wrapper,
.header .order-components .when-wrapper,
.header .favorite-wrapper {
    border-left: 1px solid var(--s-colorNeutralDivider);
}

.fl-interaction-primary {
    fill: var(--s-colorInteractionPrimary);
}

.header-order-button .header-order-button-arrow svg,
.account .header__account__toggle__arrow path {
    stroke: var(--s-colorInteractionPrimary);
}

.header-order-button {
    color: var(--s-text-color);
}

.address-label-icon-old {
    color: var(--s-colorInteractionPrimary);
    background-color: var(--s-interactionFeedbackColor);
}

.header-order-button .header-order-button-content-old {
    color: var(--s-colorNeutralPrimary);
}

#global-header .header .account-link,
#global-header .header .language-wrapper a {
    background: var(--s-colorBlack);
}

.language-switch a {
    color: var(--s-colorNeutralSecondary);
}

#global-header .header .account-link,
#global-header .header .language-wrapper a {
    color: var(--s-colorWhite);
}

#global-header .header .account-link:hover,
#global-header .header .cart-icon:hover,
#global-header .header .cart-icon:hover .products-count {
    background-color: var(--s-colorBlack);
}

#global-header .account-link:hover,
.cart-icon:hover,
.cart-icon:hover .products-count {
    color: var(--s-colorInteractionPrimary);
}

.listing-page-wrapper {
    background-color: var(--s-colorBlack);
}

/* Deal */
.cl-deal-banner-text {
    color: var(--s-colorDealBannerText);
}

.bg-deal-highlight-lvl1 {
    background: var(--s-colorDealHighlightLvl1);
}

.cl-deal-primary {
    color: var(--s-colorDealPrimary);
}

.fl-deal-primary {
    fill: var(--s-colorDealPrimary);
}

/* Main page */
/* Vertical switcher */
.vertical-switcher li button {
    color: var(--s-colorWhite);
    background-color: rgba(255, 255, 255, 0.08);
}

.vertical-switcher li.active button,
.vertical-switcher li:hover {
    box-shadow: 0 .2rem 1rem rgba(255, 255, 255, 0.12);
}

.vertical-switcher li.active button,
.vertical-switcher li button:hover {
    color: var(--s-colorInteractionPrimary);
    background-color: rgba(255, 255, 255, 0.12);
}

/**/
.delivery-toggle {
    color: var(--s-colorNeutralSecondary);
}

.restaurants__tool-box .toggle .track {
    background: var(--s-colorDarkBlack);
    border-color: var(--s-colorNeutral);
}

.restaurants-search {
    background-color: var(--s-colorDarkBlack);
}

.filters-search-wrapper .exclusive-filters-bar .restaurants-search-wrapper .restaurants-search .restaurants-search-input {
    background-color: var(--s-colorDarkBlack);
}

.filters-button {
    background-color: var(--s-colorDarkBlack);
    color: var(--s-colorNeutralSecondary);
}

.filters-search-wrapper .exclusive-filters-bar .restaurants-filters-wrapper,
.filters-search-wrapper .exclusive-filters-bar .restaurants-search-wrapper {
    border-color: var(--s-colorBlack);
}

.modal-wrapper {
    background-color: var(--s-colorBlack);
    color: var(--s-colorWhite);
}

.filter-panel .filter-title {
    color: var(--s-colorNeutralSecondary);
}

.filter-panel .filter-list li:hover {
    background-color: rgba(255, 255, 255, 0.04);
}

.radio-box:hover input:not(:disabled) ~ .radio-text {
    color: var(--s-colorInteractionPrimary);
}

.checkbox .checkbox-text {
    color: var(--s-colorWhite);
}

/**/
.title-flat {
    color: var(--s-colorWhite);
}

.vendor-info {
    color: var(--s-colorNeutralSecondary);
}

.vendor-info .name {
    color: var(--s-colorWhite);
}

.cl-rating-tag-text {
    color: var(--s-colorRatingTagText);
}

.common-tile-image__overlay::before {
    background-color: rgba(255, 255, 255, 0.04);
}

.badge-info {
    background-color: var(--s-colorBlack);
    color: var(--s-colorWhite);
    box-shadow: 0 .1rem .5rem rgba(255, 255, 255, 0.15);
}

.bg-interaction-primary-feedback {
    border: none;
    background: var(--s-colorInteractionPrimaryFeedback);
}

.cl-neutral-secondary {
    color: var(--s-colorNeutralSecondary);
}

.cl-neutral-primary {
    color: var(--s-colorNeutralPrimary);
}

.button-ghost {
    background-color: var(--s-colorBlack);
}

.button-ghost:hover {
    background-color: var(--s-colorNeutral);
    color: var(--s-colorInteractionPrimary);
    border-color: var(--s-colorInteractionPrimary);
}

.menu__items-wrapper {
    background-color: var(--s-colorInteractionPrimaryFeedback);
}

.bg-white {
    background-color: var(--s-colorBlack);
}

.footer__nav li a {
    color: var(--s-colorNeutralPrimary);
}

.checkbox:hover .checkbox-text {
    color: var(--s-colorInteractionPrimary);
}

.btm-neutral-border {
    border-color: var(--s-colorNeutral);
}

.bg-neutral-divider {
    background-color: var(--s-colorNeutral);
}

.cl-interaction-secondary {
    color: var(--s-colorNeutralSecondary);
}

.cl-interaction-primary {
    color: var(--s-colorInteractionPrimary);
}

.bg-information-highlight {
    background-color: var(--s-colorInformationHighlight);
}
}

@-moz-document domain("foodora.hu") {
.vendor-info-main {
    background-color: var(--s-colorBlack);
}

.vendor-info-section {
    border-color: var(--s-colorNeutralDivider);
}

.button {
    color: var(--s-colorWhite);
    border: none;
}

.dish-card .product-button-overlay {
    background-color: transparent;
}

.bds-c-tag--variant-best-in-the-city {
    background-color: var(--s-colorWhite);
    color: var(--s-colorDarkBlack);
}

.vendor-section {
    background-color: var(--s-colorBlack);
}

.dish-menu-category-list {
    background-color: var(--s-colorNeutral);
    box-shadow: none;
}

.search-icon {
    margin: 0;
}

.menu-search button,
.menu-search,
.menu-search input {
    background-color: var(--s-colorNeutralSecondary);
}

dish-menu-category-list .tab,
.dish-menu-category-list li a,
.nav-tabs .tab,
.nav-tabs li a {
    color: var(--s-colorNeutralPrimary);
}

.vendor-details-navigation .dish-control-holder svg {
    stroke: var(--s-colorWhite);
    fill: var(--s-colorWhite);
}

.dish-menu-category-list .nav-scroller {
    background-color: var(--s-colorNeutral);
}

.dish-list-grid .bs-1 {
    box-shadow: none;
    background-color: var(--s-colorNeutralDark);
}

.dish-card .product-food-print-info-button {
    background: transparent;
}

.cart-summary.cart-summary-sticky {
    background-color: var(--s-colorBlack);
}

.cart-summary-header .cart-summary-header-empty-cart-title,
.cart-summary-header .cart-summary-header-title {
    color: var(--s-colorNeutralPrimary);
}

dl.cart-summary-amounts-list dd,
dl.cart-summary-amounts-list dt {
    color: var(--s-colorNeutralPrimary);
}
}

@-moz-document domain("foodora.hu") {
.option-row:hover {
    background-color: var(--s-colorInteractionPrimaryFeedback);
}

.item-modifier-selection-section + .item-modifier-order-actions::after {
    background-color: var(--s-colorNeutral);
}

.instant-cart-manager {
    background-color: var(--s-colorBlack);
}

.instant-cart-manager button {
    background-color: var(--s-colorBlack);
}

.product-row .product-card .product-card-price {
    color: var(--s-colorNeutralSecondary);
}

.instant-cart-manager-quantity {
    color: var(--s-colorWhite);
}

.contactless-switcher__container {
    background-color: var(--s-colorInformationHighlight);
    color: var(--s-colorWhite);
}

.cl-dropdown-root .cl-dropdown-control {
    background-color: var(--s-colorDarkBlack);
    border: none;
    color: var(--s-colorNeutralSecondary);
}

.payment-selection__payment-method-list.mfe .payment-method-list {
    border: none;
    background-color: var(--s-colorNeutralDark);
}

.bds-c-tag--variant-information {
    background-color: var(--s-colorInformationHighlight);
}

.divider {
    border-color: var(--s-colorNeutral);
}

.request-invoice-container .checkbox-box .checkbox-text {
    color: var(--s-colorWhite);
}

.pill__label {
    background-color: var(--s-colorNeutral);
    border: none;
    color: var(--s-colorNeutralSecondary);
}

.button.status--loading {
    background-color: var(--s-colorNeutral);
}
}

@-moz-document url-prefix("https://www.foodora.hu/") {
.order-status-page .boxes .box-content {
    background: var(--s-colorNeutralDark);
    color: var(--s-colorWhite);
}
}