DuckDuckGo Firefox by lesboy

/* ==UserStyle==
@name           DuckDuckGo Firefox
@namespace      github.com/openstyles/stylus
@version        6.9
@description    DuckDuckGo theme for Firefox's dark mode.
@author         Noelle Lesboy
==/UserStyle== */

@-moz-document domain("duckduckgo.com") {
    
:root {
    --light-purple: #2b2a33;
    --mid-purple: #1c1b22;
    --dark-purple: #131218;
    --discover: #232229;
    --black: #0c0c0d;
    --white: #fff;
    --text-1: #ebe9fb;
    --text-2: #e2e0f3bf;
    --text-3: #e2e0f380;
    --text-4: #c0becd;
    --accent: #9f99d5;
    --accent-hover: #8781c4;
    --accent-scroll: #9f99d570;
    --accent-highlight: #9f99d563;
    --outline-1: #383641;
    --outline-2: #9a99a7;
    --selection: #8781c4;
    --hover-1: #6d6b7e30;
    --hover-2: #3836424a;
    --hover-3: #373641;
    --hover-4: #b5a4e41a;
    --hover-5: #32313b;
    --overlay-1: #1c1b2296;
    --overlay-2: #1c1b22ed;
    --overlay-3: #1c1b22e0;
    --overlay-4: #1c1b22e3;
    --overlay-5: #08080bc4;
    --green: #33dea0;
    --trans: #fff0;
    scrollbar-color: var(--text-3) var(--light-purple) !important;
    scrollbar-width: thin;
    
    
    --theme-col-txt-title: var(--text-1) !important;
    --theme-col-txt-snippet: var(--text-2) !important;
    --col-grey-dark: var(--text-3) !important;
    --theme-col-txt-url-domain: var(--text-2) !important;
    --theme-col-txt-url-path: var(--text-2) !important;
    --theme-col-txt-title-visited: #9f99d5 !important;
    }

    
::selection { 
    color: var(--text-1);
    background: #8781c4 !important; }
    
html, body, .zci-wrap {
    background-color: var(--mid-purple); }
    
.site-wrapper {
    background-color: var(--trans); }
    
.dropdown.is-active:not(.has-inactive-region) .dropdown__button, .metabar__dropdowns .dropdown .dropdown__button:hover, .detail--xd .c-detail__title, .tile--img__sub .tile--img__title, .dark-bg.is-vertical-tabs-exp #duckbar .zcm__link:hover, .dark-bg.is-vertical-tabs-exp #duckbar .zcm__link:focus, .no-touch .header__button--menu:hover, .nav-menu__heading, .nav-menu__item > a:hover, .detail__body a:hover, .search__input--adv, .is-vertical-tabs-exp .module.module--images .module__header.module__header--link, .modal--dropdown.modal--dropdown--date .modal__footer .modal__list__link:hover, .dropdown.is-open .dropdown__button, .dropdown .dropdown__button:hover, .no-results__link, .no-results__link:hover, .dropdown--region.has-inactive-region .dropdown__button:hover, .modal__list__link.is-highlighted, .modal--dropdown .modal__list__link.is-selected, .modal__list__link.is-highlighted, .modal--dropdown .modal__list__link.is-selected, .is-related-search-exp.dark-bg .related-searches__title-long, .is-related-search-exp.dark-bg .related-searches__title-short, .is-related-search-exp .related-searches__item-text span, .module__title__link, .module__more-at, .module__more-at, .module__more-at:hover, .tile .tile__title, .tile, .result a.result__a, .result a.result__a:hover, .vertical--map__sidebar__results__inner .no-results__link, .vertical--map__sidebar__results__inner .no-results__link:hover, .vertical--map__sidebar__results__inner .no-results__link:active, .vertical--map__sidebar, .shopping-header .shopping-header__title, .zci.has-sidebar-filters .metabar .metabar__secondary-text, .bing .sidebar-filter__title, .bing .sidebar-filter__show-more, .bing .tile__title a, .nav-menu__item > a:visited, .acp, .acp--bang, .acp strong, .acp--bang .acp--bang__phrase, .acp--highlight.acp--bang .acp--bang__phrase, .acp--highlight.acp--bang .acp--bang__snippet, .frm__label, .set-bookmarklet, .page-settings, .set-reset, .cloudsave__new-suggestion, .cloudsave__new-suggestion:hover, .set-bookmarklet__input, .settings-page-wrapper .set-side a, .settings-page-wrapper .set-side a:hover, .settings-page-wrapper .set-side a:active, .is-vertical-tabs-exp .module.module--carousel .module__header.module__header--link, .is-vertical-tabs-exp .module.module--images .module__header.module__header--link, .module--carousel__body__title, .module__official-url, .module__official-url, .module__official-url:hover, .overlay__text, .overlay--video-privacy__remember, .c-detail__more :link:hover, .tooltip-link:hover, .dark-bg .place-detail__item .module__title, .dark-bg .place-detail__item .module__title .module__title__link, .place-list-item__title {
    color: var(--text-1); }
    
.modal--dropdown--settings .settings-dropdown--section .settings-dropdown--header .settings-dropdown--header--label, .msg--spelling :link, .msg--spelling a:hover, .msg--spelling a:active, .dark-bg .modal--dropdown--settings .settings-dropdown--button, .modal--dropdown--settings .settings-dropdown--section .settings-dropdown--header .settings-dropdown--header--link, .no-touch .zcm__link:hover, .no-touch .zcm__link:active, .no-touch .zcm__item.is-open .zcm__link, .user-loc-tooltip {
    color: var(--text-1) !important; }
    
.zci, .zci__body, .zci__detail, .zci__caption, .zci__body h4, .zci__detail h4, .zci__body h5, .zci__detail h5, .zci__body h6, .zci__detail h6.metabar, .metabar__dropdowns .dropdown .dropdown__button, .c-detail__title, .c-detail__title__sub, .c-detail__desc, .c-detail__filemeta, .c-detail__more, .c-detail__user, .c-detail__count, .c-detail__date, .c-info, .c-info__title, .c-icon, .c-icon__title, .c-icon__content, .c-score, dropdown__selected, dropdown__selected:hover, dropdown__selected:focus, .metabar__primary-text--linked, .overlay--video-privacy__remember, .zcm__link--sub, .zcm__link--sub:visited, .zci .badge--ad-wrap--shopping-vertical .badge--ad, .bing .shopping-header .badge--ad.ddgsi, .bing .shopping-header .free-listings-badge.ddgsi, .tile--img__sub .tile--img__domain, .no-touch .site-wrapper .zcm__link, .zcm__link, .no-touch .header__button--menu, .nav-menu__item > a, .dropdown .dropdown__button, .dropdown .dropdown__button, .dropdown--region.has-inactive-region .dropdown__button, .modal--dropdown.modal--dropdown--filter .modal__box .modal__list__link, .results, .modal__list__link, .modal__header__clear.sep--before.js-region-filter-clear, .related-searches__item-text::before, .search__button, .dark-bg .modal--dropdown--settings .frm__select::after, .modal .frm__select, .modal .frm__select select, .module__title__sub, .module__text, .about-info-box__info-label, .about-info-box__info-value, .tile--vid .tile__body__footer > span, .result__extras__url, .feedback-prompt__link:hover, .feedback-prompt__link:active, .bing .sidebar-filter__option, .tile--pr__price, .bing .tile--pr__brand, .set-main .frm__desc, .settings-page-wrapper .set-side a, .search__clear, .search--home.has-text .search__clear, .set-bookmarklet__info, .module--carousel__footer, .msg, .user-loc-tooltip__subtitle, .detail--xd .c-detail__user, .detail--xd .c-detail__count, .detail--xd .c-detail__date, .detail--xd .detail__close:hover, .c-detail__icon, detail__more a, .module--carousel-products .module--carousel__footer, .modal__box, .feedback-modal .frm__label, .dark-bg .feedback-modal__message, .tooltip-link, .place-list-item__info__item {
    color: var(--text-2); }
    
.is-link-style-exp .result__url, .is-link-style-exp .result__url:hover, .is-link-style-exp .result__url:active, .result__snippet, .result__snippet b {
    color: var(--text-2) !important; }
    
.result__check:visited, .feedback-btn, .feedback-btn:hover, .result__pagenum, .feedback-prompt__link, .feedback-prompt {
    color: var(--text-3); }
    
.results a.result__a:visited {
    color: var(--text-3) !important; } 
    
.dark-bg.is-link-style-exp .switch.is-on, .dark-bg.is-link-style-exp .set-themes .set-theme.is-checked .set-theme__check, .dark-bg.is-link-style-exp .modal--dropdown--settings .settings-dropdown--section .frm__field.is-checked .frm__switch .frm__switch__label.btn {
    background: #8781c4; }
    
.switch {
    background: var(--light-purple); }
    
.dark-bg.is-vertical-tabs-exp #duckbar .zcm__link:not(.dropdown__button).is-active,
.dark-bg.is-vertical-tabs-exp #duckbar .zcm__link:not(.dropdown__button).is-active:hover {
    color: var(--accent);
    border-color: var(--accent); }
    
.dark-bg.is-vertical-tabs-exp #duckbar .zcm__link:not(.dropdown__button):active, .tile__title a:visited,.settings-page-wrapper a:not(.btn):not(.set-tab), .settings-page-wrapper a:not(.btn):not(.set-tab):hover, .dark-bg.is-link-style-exp .module__link, .dark-bg .place-detail__cta-text {
    color: var(--accent) !important; }
    
a:visited {
    color: var(--text-4); }
    
.dark-bg .place-detail__status--on {
    color: var(--green); }
    
.search--header {
    background-color: var(--mid-purple);
    border-color: var(--mid-purple);
    box-shadow: none; }
    
.is-link-style-exp .header-wrap {
    background-color: var(--light-purple);
    box-shadow: 0 1px 0 var(--black); }
    
.zci--type--tiles:not(.is-fallback).is-full-page.is-expanded .metabar:not(.is-stuck) {
    background-color: var(--mid-purple); }
    
.metabar__dropdowns-wrap::before {
    background-image: linear-gradient(90deg, #1c1b2200,rgba(41,41,41,0)); }
    
.metabar__dropdowns-wrap::after {
    background-image: linear-gradient(260deg, #1c1b2200,rgba(41,41,41,0)); }
    
.zci--type--tiles:not(.is-fallback).is-full-page.is-expanded {
    background-color: var(--mid-purple); }
    
.tileview--grid .metabar--fixed.is-stuck {
    background-color: var(--light-purple);
    border-top-color: var(--light-purple);
    border-bottom-color: var(--black); }
    
.detail {
    background-color: var(--dark-purple);
    border-color: var(--hover-4); }
    
.detail__media__img-highres {
    border-radius: 10px !important; }
    
.detail__media__img-bg {
    background: none; }
    
.tile--img.is-selected .tile--img__media {
    box-shadow: none; }
    
.tile--img .tile--img__media {
    border-radius: 6px; }
    
.detail--xd .c-detail__btn {
    color: var(--text-1);
    backgr...