DuckDuckGo Dark - Violet Theme by flashiflasche

/* ==UserStyle==
@name           DuckDuckGo Dark - Violet Theme
@namespace      USO Archive
@author         Flashi
@description    `<a href="https://github.com/FlashiFlasche/DuckDuckGo-Dark-Violet-Theme">Github</a>Makes the site a bit more modern and round. It gives you while surfing on the internet a new experience!DARK THEME ON DUCKDUCKGO MUST BE CHECKED!Theme does not work with the https://duckduckgo.com/html websites!`
@version        20211208.0.40
@license        CC-BY-4.0
@preprocessor   uso
==/UserStyle== */
@-moz-document url("https://duckduckgo.com/"), url-prefix("https://duckduckgo.com/?q"), url-prefix("https://duckduckgo.com/?t"), url-prefix("https://duckduckgo.com/settings"), url-prefix("https://duckduckgo.com/?atb") {
.zci, .zci:before, .tileview .metabar--fixed, .tileview--grid .metabar--fixed, .tileview--grid .metabar--fixed.is-stuck {
	background-color: #151523;
    border-radius: 10px;
}

.metabar__mode.is-disabled, .metabar__mode.is-disabled:hover, .metabar__mode.is-disabled:active {
    color: #aaaaaa;
}

.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:active, .dark-bg.is-vertical-tabs-exp #duckbar .zcm__link:not(.dropdown__button).is-active:hover {
    color: #ababe9;
    border-color: #ababe9;
}

.module:not(.module--carousel):not(.module--placeholder):not(.module--images):not(.module--translations), .modal--popout .modal__box, .modal__box, .sidebar-modules .module, .results--main .result:not(.result--ad).highlight, .module .module--carousel__item, .user-loc-cta, .address-detail, .modal--dropdown.modal--popout .modal__box, .tile--info, .place-detail, .badge-link, .is-atb-fullbleed .content-info__item, .atb-banner__bottom, .multi-step-mobile-onboarding__step__content, .is-mobile .results_links_deep, .is-mobile .results_links, .is-mobile .result--news, .is-mobile .related-searches, .most-visited__info-tt, .user-loc-tooltip {
	background: #151523;
    border: 1px solid #0e0e15;
}

.is-link-style-exp .header-wrap {
    background-color: #151523;
}

.is-vertical-tabs-exp .result--more__btn {
    color: #DADADA;
    background: #23233e;
    border-color: transparent;
    
    box-shadow: 0px 0px 15px 1px rgb(0 0 0 / 75%);
    -webkit-transition: all .3s ease-in-out;
}

.is-related-search-exp .related-searches__item:hover {
    border-color: #CACACA;
    text-decoration: none;
    
	box-shadow: 0px 0px 15px 1px rgb(0 0 0 / 75%);
    -webkit-transition: all .3s ease-in-out;
}

.is-link-style-exp #links .result.highlight .result__title .result__a {
    text-decoration: none;
}

.is-related-search-exp.dark-bg .related-searches__item:hover, .is-related-search-exp.dark-bg .related-searches__item:active {
    background-color: #14141e !important;
    
    box-shadow: 0px 0px 15px 1px rgb(0 0 0 / 75%);
    -webkit-transition: all .3s ease-in-out;
}

.related-searches__item a:hover .related-searches__item-text span {
    text-decoration: none;
}

.is-related-search-exp.dark-bg .related-searches__item {
    background-color: #23233e;
    border-color: #050508;
        box-shadow: 0px 0px 15px 1px rgb(0 0 0 / 75%);
    -webkit-transition: all .3s ease-in-out;
}

.is-related-search-exp .related-searches__item-text::before {
    -webkit-transition: all .3s ease-in-out;
}

.is-vertical-tabs-exp .module.module--carousel .module__footer, .is-vertical-tabs-exp .module.module--images .module__footer, .is-mobile.is-vertical-tabs-exp .module.module--images .module__toggle {
    color: #cfcfd1;
    background: #191927;
    border-color: transparent;
        box-shadow: 0px 0px 15px 1px rgb(0 0 0 / 75%);
    -webkit-transition: all .3s ease-in-out;
}

.is-vertical-tabs-exp .module.module--carousel .module__footer:hover, .is-vertical-tabs-exp .module.module--carousel .module__footer:active, .is-vertical-tabs-exp .module.module--images .module__footer:hover, .is-vertical-tabs-exp .module.module--images .module__footer:active, .is-mobile.is-vertical-tabs-exp .module.module--images .module__toggle:hover, .is-mobile.is-vertical-tabs-exp .module.module--images .module__toggle:active, .is-vertical-tabs-exp .result--more__btn:hover, .is-vertical-tabs-exp .result--more__btn:active {
    color: #FFFFFF;
    background: #272736;
    border-color: transparent;
        box-shadow: 0px 0px 15px 1px rgb(0 0 0 / 75%);
    -webkit-transition: all .3s ease-in-out;
}

.zci .frm__input, .zci--cryptocurrency .frm__input, .zci--cryptocurrency .frm__select, .zci--cryptocurrency .frm__select:after, .zci--currency .frm__select:after, .module__text pre, .zci pre, .zci code, .zci .frm__select, .zci .frm__select select, .zci--shorten input.tag, .zci--conversions .frm__select:after, .zci--conversions .frm--bottom .frm__input, .zci--conversions .frm--bottom .frm__select, .zci--conversions .frm--bottom .frm__select select, .zci--timer .name_input, .zci--timer .time_input input, .zci--timer .corner_btn.add_minute, .metabar__mode, #color_picker_container input, .is-full-page .has-tiles--grid .tile--m .tile--m--mob {
	    border-radius: 8px;
}

.tile .tile__body {
    background-color: #1d1d2b;   
}

.is-link-style-exp .search__button:hover, .is-link-style-exp .search__button:focus, .is-link-style-exp .search:hover .search__button, .is-link-style-exp .search:hover .search__button:focus, .is-link-style-exp .search--header.has-text.search--hover .search__button:hover, .is-link-style-exp .search--header.has-text.search--focus .search__button:hover, .is-link-style-exp .search--home.has-text .search__button:focus, .is-link-style-exp .search--home.has-text .search__button:hover, .is-link-style-exp .search__input:focus ~ .search__button, .is-link-style-exp .search--header.has-text.search--hover .search__button, .is-link-style-exp .search--header.has-text.search--focus .search__button, .is-link-style-exp .search--home.has-text .search__button {
    background-color: #18182b;
    color: #959596;
	-webkit-transition: all .3s ease-in-out;
}

.search__button, .search__button--hero {
	-webkit-transition: all .3s ease-in-out;
}

.zcm__link:hover, .zcm__link:active, .zcm__link.is-active {
    background-color: #151523;
}

.result, .related-searches {
 	-webkit-transition: all .3s ease-in-out;
    border: 0;
    border-radius: 10px;
}


.social__link a,
.about-profiles__item a {
	transition: transform .3s;
}

.tile-nav--next:hover, .tile-nav.can-scroll:hover {
    background-color: #7070e4 !important;
}

.tile-nav.can-scroll, .tile-nav.can-scroll:hover:after {
	background-color: #5c5ca7;
}

.social__link a:hover, .about-profiles__item a:hover {
	color: #9c60ff !important;
    text-decoration: none;
    transform: scale(1.1);
}

.result__url:hover {
	text-decoration: none !important;
}

.result__title {
	transition: transform .3s;
    transition-timing-function: ease-in-out;
}

.result__extras__url {
	transition: transform .3s;
}

.result__title:hover, .result__extras__url:hover {
	transform: scale(1.1) translate(2px, 0px);
}


.result__snippet.js-result-snippet:hover {
	color: white !important;
}

.showcase__dropdown__list:hover {
    background-color: #46496d;
    border-radius: 10px;
}

.showcase__link.showcase__text{
	text-decoration: none;
}

.footer__card {
   -webkit-transition: all .3s ease-in-out;
}

.footer__card:hover {
    background-color: #26263a !important;
}

.footer__card__title:hover{
	text-decoration: none;
}

.notification is-showing {
   backdrop-filter: blur(10px);
}

.notification__text {
	background-color: #191c2b99;
	color: #d5a6ff;
}

.logo_homepage__tt {
	background-color: #1f3762;
}
.logo_homepage__tt:before {
    border-right-color: rgb(21 38 68);
}

.modal--dropdown--region .modal__header .frm__input {
 	background-color: #151523;   
}

.frm__select:hover select, .btn.is-active, .btn:hover, .frm__select:hover, .btn.most-visited__toggle:hover, .btn.most-visited__toggle:active, .btn.most-visited__toggle:focus, .no-touch .tile-nav--sm.can-scroll:hover, .no-touch .tile-nav--sm.can-scroll:active, .no-touch .tile-nav--sm.can-scroll:hover:active, .modal .btn:hover:not(.is-disabled), .modal .btn:hover:not(.is-disabled) {
	background-color: #1a1a27;
    border-color: transparent;
}

html, body, .body--home, .site-wrapper, .region__body, .badge-link, .module--carousel__image-wrapper, .result__image, .vertical--map__sidebar, .vertical--map__sidebar__header, .page-chrome_newtab, .zci--type--tiles:not(.is-fallback).is-full-page.is-expanded, .zci--type--tiles:not(.is-fallback).is-full-page.is-expanded .metabar:not(.is-stuck) {
 	background-color: #0e0e15;
}


body, .body--home, .site-wrapper, .region__body, .badge-link, .module--carousel__image-wrapper, .result__image, .vertical--map__sidebar, .vertical--map__sidebar__header, .page-chrome_newtab, .zci--images:not(.is-fallback).is-expanded, .zci--videos.is-expanded, .zci--images:not(.is-fallback) .metabar:not(.is-stuck), .zci--videos.is-expanded .metabar:not(.is-stuck) {
    background-color: #0e0e15;
}


.header-wrap, .vertical--map--sidebar-left .has-requery .vertical--map__sidebar__header, .map-requery-mobile, .footer, .footer--mobile {
    border-color: transparent;
    background-color: #151523;
    box-shadow: 0 1px 0 #282828;
}


.acp-wrap, .acp-footer {
    background-color: rgba(15, 15, 22, 0.47);
    border-top: 1px solid #282828;
    border: 2px solid #000000;
	backdrop-filter: blur(8px);
    overflow: hidden;
    border-top: 0;
}

.modal__overlay.js-modal-close {
   	backdrop-filter: blur(5px); 
    
}

.frm__select:hover select, .btn.is-active, .btn:hover, .frm__select:hover, .btn.most-visited__toggle:hover, .btn.most-visited__toggle:active, .btn.most-visited__toggle:focus, .no-touch .tile-nav--sm.can-scroll:hover, .no-touch .tile-nav--sm.can-scroll:active, .no-touch .tile-nav--sm.can-scroll:hover:active, .modal .btn:hover:not(.is-disabled), .modal .btn:hover:not(.is-disabled) {
 	background-color: #14141e !important;
}

.dark-bg .prettyprint, .dark-bg .prettyprint code {...