DuckDuckGo Tokyo Night (tokyonight) by JoshuaMarkle

/* ==UserStyle==
@name         DuckDuckgo Tokyo Night (tokyonight)
@author       Joshua Markle
@description  Tokyo Night for duckduckgo
@namespace    duckduckgo.com
@version      1.0
@license      CC0
@preprocessor uso
@advanced color background "background_color" #1a1b26
@advanced color background-dark "background_color" #16161e
@advanced color foreground "foreground_color" #c0caf5
@advanced color background-border "background-border" #444B6A
@advanced color outline "outline_color" #7aa2f7
@advanced color red "red_color" #f7768e
@advanced color blue "blue_color" #7aa2f7
@advanced color green "green_color" #9ece6a
@advanced color purple "purple_color" #ad8ee6
==/UserStyle== */
@-moz-document domain("duckduckgo.com") {
	

body {
	background: /*[[background]]*/ !important;
	margin-left: -10px !important;
	margin-right: 0px !important;
	color: /*[[foreground]]*/ !important;
}
.results--main .result:not(.result--ad).highlight{
	border: 1px solid /*[[outline]]*/;
	background: rgba(0, 0, 0, 0);
	border-radius: 0px !important;
}
.module__content {
	background: /*[[background]]*/ !important;
}
.module__toggle {
	background: /*[[background]]*/ !important;
	box-shadow: none !important;
	border-top: none !important;
}

/* expand arrow */
.module__toggle__chevron {
       top:-3px !important;
 }


.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,
.is-mobile .results_links_deep,
.is-mobile .results_links,
.is-mobile .result--news,
.most-visited__info-tt {
  border: 1px solid /*[[outline]]*/ !important;
  background: /*[[background]]*/ !important;
  border-radius:5px !important;
}
    
    .module, .modal__footer{
        border: none !important;
    }

#links_wrapper{
	background-color: /*[[background]]*/ !important
}
.search-filters-wrap::after, .search-filters-wrap::before, .module__toggle--more::after, .module__toggle--more::before, .metabar__dropdowns-wrap::before, .metabar__dropdowns-wrap::after {
	background-image: none;
}
#header{
	background-color: /*[[background]]*/ !important;
	margin-top: -20px;
	padding-right: 500px;
}
/* cheetsheet */
#zci-cheat_sheets > div:nth-child(1) {
	background-color: /*[[background]]*/ !important;
}
.zci.is-active {
	 border-bottom:0px solid /*[[outline]]*/;
	 padding: 0em;
	 margin-top:10px;
	 visibility:visible;
	 overflow:visible;
	 max-height:none;
	 display:block
}
/* videos */
.tile, .tile-wrap {
	border: 0px solid /*[[foreground]]*/;
	border-radius: 0px;
 	background: /*[[background]]*/!important;
	box-shadow: 0px 0px 1px 0px 
}
	
.highlight.tile {
	border: 2px solid /*[[outline]]*/;
}

div.detail__pane:nth-child(2) {
	 line-height: 380px;
	 width: 1240px;
	 height: 380px;
	 padding: 16px;
	 transform: translateX(0px);
	 display: block;
	 background: /*[[background]]*/;
}
.metabar, .module--definitions__synonym {
	background: /*[[background]]*/ !important;
	color: /*[[foreground]]*/ !important;
}
/* wrapper */
.site-wrapper{
    padding-top: 0px;
	background-color: /*[[background]]*/ !important;
}
/* settings, feedback, share, footbar, log */
.header--aside, .dropdown--settings > a:nth-child(1), css.serp__top-right,
.serp__bottom-right, .footer, .header__logo {
	display: none !important;
}
	
/* Search bar */
.search--home, .search--header{
	background-color: /*[[background-dark]]*/ !important;
 	border-color: /*[[outline]]*/ !important;
    color: /*[[foreground]]*/ !important;
	border-radius: 5px;
	box-shadow: none;
	margin-top: 10px;
	width: auto !important;
}
/* search button */
.search--header.has-text.search--hover .search__button:hover, .search--header.has-text.search--hover .search__button, .search--hover .search__button{
	background-color:transparent;
	color:/*[[outline]]*/;
}

/* minimized */
.is-mobile .results_links_deep,
.is-mobile .results_links,
.is-mobile .result--news {
 box-shadow:0 2px 3px rgba(0,0,0,0.06);
 border:0px solid rgba(150,150,150,0.3);
 border-bottom-color:rgba(125,125,125,0.3);
 margin:0 0 7px 0
}

/* feedback promt */
.feedback-prompt, .related-searches__item-text::before {
       	display: none !important;
}

.is-module .module--images {
	border-radius: 5px !important;
}

.header__logo-wrap {
       	display: none;
}
.header-wrap,
.vertical--map--sidebar-left .has-requery .vertical--map__sidebar__header,
.map-requery-mobile,
.footer,
.footer--mobile {
 background-color: /*[[background]]*/ !important;
}
    
    .react-module div, .react-module tr, .related-searches__item, #more-results, .search__autocomplete, .search__autocomplete div, .search_form_input, #header, #header_wrapper, .module__content, .module--about, .module__toggle--more, .module__toggle--less, .related-searches__item-text, .modal__header, .modal__header input, .js-carousel-module-more, .module__footer, .module--carousel__right, .tile__body, .c-detail__btn, .detail__controls i {
        background: /*[[background-dark]]*/ !important;
        color: /*[[foreground]]*/ !important;
        border: none !important;
    }
    
    #header_wrapper {
        padding-top: 30px;
    }
    
    span, div, h1, h2, h3, p, .dropdown__button, .zcm__link, #search_button, .module__more-at-bottom, .module--definitions__definition, #search_form_input, .result__url {
        color: /*[[foreground]]*/ !important;
    }
    
    hr {
        border-top: 1px solid /*[[foreground]]*/ !important;
    }
    
    a, .module__attribution-link, .js-definitions-link {
        color: /*[[blue]]*/ !important;
    }
    
    .search__button:hover, .js-search-button {
        background: /*[[outline]]*/ !important;
    }
    
    .play-btn, .js-play-btn {
        background: /*[[blue]]*/ !important;
        color: /*[[foreground]]*/ !important;
    }
    
    /* code */
    .prettyprint, .prettyprinted, code {
        background: /*[[background]]*/ !important;
	    color: /*[[foreground]]*/ !important;
    }
    
    .prettyprint span {
        background: /*[[background]]*/ !important;
	    
    }
    
    .kwd {
        color: /*[[purple]]*/ !important;
    }
    
    .str {
        color: /*[[green]]*/ !important;
    }
    
    #header_wrapper {
        border-bottom: 2.5px solid /*[[background-border]]*/ !important;
    }
    
    .related-searches__item, #more-results {
        border: 2px solid /*[[background-border]]*/ !important;
        border-radius: 10;
    }
    
}