Skip to content

Duckduckgo Minimalist Material by eyeseaevan

Details

Authoreyeseaevan

LicenseNo License

Categoryduckduckgo

Created

Updated

Size8.8 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

A material theme for Duckduckgo stripping away what's not needed and providing a more elegant UI for easier browsing. Still a WIP.

Notes

I removed the shopping tab because I do not use it myself. If you'd like to keep this tab, you'll need to edit it back into the CSS.

Source code

/* ==UserStyle==
@name         Duckduckgo Minimalist Material
@version      20220517.17.52
@namespace    userstyles.world/user/eyeseaevan
@description  A material theme for Duckduckgo stripping away what's not needed and providing a more elegant UI for easier browsing. Still a WIP.
@author       eyeseaevan
@license      No License
==/UserStyle== */

@-moz-document domain("duckduckgo.com") {
.header--aside,
.js-header-aside {
	visibility: hidden;
}

.header--aside,
.js-header-aside {
	visibility: hidden;
}

.tag-home,
.tag-home--slide,
.no-js__hide,
.js-tag-home {
	visibility: hidden;
}

.header__logo-wrap,
.js-header-logo {
	visibility: hidden;
}

.header--aside,
.js-header-aside {
	visibility: hidden;
}

.text_promo--text {
	visibility: hidden;
}

.dropdown,
.dropdown--settings {
	visibility: hidden;
}

.js-zci-link--products {
	visibility: hidden;
}

.header__search {
	width: 110%;
	left: 5px;
}

.js-images-show-more,
.module__footer .hide--mob {
	visibility: hidden;
	height: 0px;
}

.serp__bottom-right,
.js-serp-bottom-right {
	visibility: hidden;
}

.result__check:visited {
	color: #e91e63;
}

.result__check {
	color: rgb(177 150 109 / 90%);
}

.full-urls,
.result__url__full {
	opacity: 1;
	visibility: visible;
	color: rgb(142, 221, 154);
}

.result__url,
.result__url:active,
.result__url:visited:focus {
	color: rgb(232 240 131);
	font-family: monospace;
	font-size: .5em !important;
}

.result__title,
.js-result-title {
	font-family: roboto;
	font-weight: 300;
	-webkit-font-smoothing: subpixel-antialiased;
	font-size: 1.39em;
}

.result__a:hover {
	text-decoration: none;
	color: #ff559a !important;
}

.result__a,
.js-result-title-link:visited {
	color: #9a7afd;
}

.a:visited {
	color: #9a7afd;
}

.a:hover {
	color: #ff559a;
}

.result,
.results_links_deep,
.highlight_d,
.highlight {}

.result__a {
	color: floralwhite;
	text-decoration-color: initial;
}

.result.highlight,
.related-searches.highlight {
	background-color: #000000f0;
	border-color: #ff000000;
}

.result__check__tt {
	font-family: monospace;
	font-size: smaller;
	opacity: 42%;
}

.result__check__tt,
.module--translations-tooltip {
	-webkit-transition: opacity .6s ease-in-out;
	-webkit-transition-delay: 1s;
	-moz-transition: opacity .6s ease-in-out 0s;
	-o-transition: opacity .6s ease-in-out 0s;
	transition: opacity .6s ease-in-out 0s;
}

.is-vertical-tabs-exp .header-wrap {
	background-color: #2e2e2e;
}

.zcm-wrap-wrap {
	display: flex;
	background-color: #efe1ff;
	margin-top: 1em;
	padding-left: 5.3%;
	font-size: x-small;
}

.search--header .search__input,
.search--header .search__input--adv {
	font-family: monospace;
	text-shadow: 1px 1px 1px beige;
	font-size: 1.15em;
	font-stretch: ultra-condensed;
}

.search,
.search--adv {
	/*background-color: rgb(44 97 123 / 97%) !important;*/
	border-color: #ffeb3b;
	/*box-shadow: inset 0 0 11px 6px #00000045;*/
	border-width: 0.08em;
	border: none;
	height: 2.78em;
}

.header__search .search__autocomplete {
	top: 44.74px;
	margin-left: .0em;
	width: 737px !important;
	font-family: monospace;
	font-size: 1em;
	font-stretch: ultra-condensed;
	-webkit-text-fill-color: #063835;
}

.search--header .search__input,
.search--header .search__input--adv {
	font-family: monospace;
	font-size: 1.15em;
	font-stretch: ultra-condensed;
	/*text-shadow: 1px 1px 2px black;*/
}

/*.
.search--header {
	background-image: url(https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Ffabafter40-wpengine.netdna-ssl.com%2Fwp-content%2Fuploads%2F2016%2F01%2Fpretty-pink-clouds-at-sunset.jpg&f=1&nofb=1);
	background-color: initial;
	background-blend-mode: soft-light;
}	*/
.zci-wrap {
	margin-right: 2.3em;
	margin-left: 2.3em;
}

.search__button:hover,
.search__button:focus,
.search:hover .search__button:focus,
.search--header.has-text.search--hover .search__button:hover,
.search--header.has-text.search--focus .search__button:hover,
.search--home.has-text .search__button:focus,
.search--home.has-text .search__button:hover {
	background-color: #ff000000;
	color: #46f246de;
	transition: 2s;
	transition-property: all;
	transition-duration: 4s;
	transition-timing-function: ease;
	transition-delay: 0s;
}

.search:hover .search__button,
.search__input:focus ~ .search__button,
.search--header.has-text.search--hover .search__button,
.search--header.has-text.search--focus .search__button,
.search--home.has-text .search__button {
	background-color: #ff000000;
	/*color: #74b7ff;*/
	transition: 4s;
	transition-property: all;
	transition-duration: 4s;
	transition-timing-function: ease;
	transition-delay: 0s;
}

.has-footer .results {
	padding-bottom: 0px;
}
.footer {
	display: none !important;
}

.body,
.cursorsDefault,
.input[type=range]::-webkit-slider-thumb,
.input[type=range]::-webkit-slider-runnable-track {
	cursor: url(data:image/svg+xml;utf8,%0D%0A%0D%0A%3Csvg%20width%3D%2226px%22%20height%3D%2226px%22%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20967.6%20965.4%22%20style%3D%22enable-background%3Anew%200%200%20967.6%20965.4%3B%22%20xml%3Aspace%3D%22preserve%22%20%20%3E%0D%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0D%0A%09.st0%7Bfill%3A%231A9C00%3B%7D%0D%0A%09.st1%7Bfill%3Anone%3B%7D%0D%0A%09.st2%7Bfill%3A%236DB70E%3B%7D%0D%0A%09.st3%7Bfill%3A%23D0021F%3B%7D%0D%0A%09.st4%7Bfill%3A%23EE244F%3B%7D%0D%0A%09.st5%7Bfill%3A%230D1930%3B%7D%0D%0A%3C%2Fstyle%3E%0D%0A%3Cpath%20class%3D%22st0%22%20d%3D%22M290.5%2C965.4C361.9%2C952%2C566%2C904.3%2C741.3%2C722.4c175.1-181.5%2C215.5-386.9%2C226.2-458.7L3.8%2C2.5L290.5%2C965.4z%22%3E%3C%2Fpath%3E%0D%0A%3Cg%3E%0D%0A%09%3Cpath%20class%3D%22st1%22%20d%3D%22M309.6%2C961.8c0.3-0.2%2C0.7-0.3%2C1-0.5c-7.5%2C1.6-14.3%2C3-20.1%2C4.1l-45.2-151.9L135.5%2C923.1l40.2%2C40.2%0D%0A%09%09c1.8-0.2%2C3.5-0.3%2C5.2-0.3c5.5%2C0%2C10.8%2C0.7%2C15.8%2C2c34.4%2C0.1%2C68.8%2C1%2C103.2%2C1C303%2C964.4%2C306.2%2C962.9%2C309.6%2C961.8z%22%3E%3C%2Fpath%3E%0D%0A%09%3Cpath%20class%3D%22st1%22%20d%3D%22M352.1%2C957.9c0.5-0.1%2C0.9-0.3%2C1.4-0.4c38.2-7.6%2C77.5-13.3%2C116.5-14.4c34.3-1%2C68.5%2C0.1%2C102.7-3.2%0D%0A%09%09c8.1-1.6%2C16-3.9%2C24-6c15.1-4.1%2C30.7-6.8%2C46.3-7.7c10.3-0.6%2C20.4%2C2.3%2C29.4%2C7.1l129.8-129.8l-70.8-70.8%0D%0A%09%09C586%2C878.3%2C423.1%2C934.2%2C333.3%2C956.1c0.6%2C0%2C1.1%2C0%2C1.7%2C0C340.7%2C956.2%2C346.5%2C956.8%2C352.1%2C957.9z%22%3E%3C%2Fpath%3E%0D%0A%09%3Cpath%20class%3D%22st2%22%20d%3D%22M310.9%2C961.2c6.9-3.4%2C14.3-5.1%2C22.1-5c89.8-21.9%2C252.8-77.7%2C398.3-223.6L528.7%2C529.8L245.3%2C813.4l45.2%2C151.9%0D%0A%09%09C296.4%2C964.2%2C303.3%2C962.8%2C310.9%2C961.2z%22%3E%3C%2Fpath%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cpath%20class%3D%22st3%22%20d%3D%22M662.2%2C646.3c142.7-148%2C195.9-311.7%2C216.6-406.2L4%2C3l260.2%2C874.5C358%2C853.2%2C519.6%2C794.1%2C662.2%2C646.3z%22%3E%3C%2Fpath%3E%0D%0A%3Cg%3E%0D%0A%09%3Cpath%20class%3D%22st1%22%20d%3D%22M636.1%2C671.1c-84.4%2C85.6-175%2C140.6-253.9%2C176.1c5.1-0.1%2C10.3-0.3%2C15.4-0.8c11.6-2.7%2C22.6-8.1%2C34.4-10.5%0D%0A%09%09c6.7-2.5%2C13.5-5.1%2C20.1-7.8c21.3-9.4%2C42.1-19.9%2C62.1-31.8c17.9-10.7%2C35.8-22.2%2C52.7-34.6c6.5-5.5%2C12.6-11.4%2C18.2-17.8%0D%0A%09%09c14.3-20.1%2C29.2-39.9%2C45.4-58.5c3.1-3.6%2C6.8-6.6%2C10.9-9.1L636.1%2C671.1z%22%3E%3C%2Fpath%3E%0D%0A%09%3Cpath%20class%3D%22st4%22%20d%3D%22M263.3%2C876.9c92.3-23.7%2C250.2-81.4%2C391-224.3L4.7%2C3L3%2C2.5L263.3%2C876.9z%22%3E%3C%2Fpath%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cellipse%20transform%3D%22matrix(0.7071%20-0.7071%200.7071%200.7071%20-174.33%20272.0702)%22%20class%3D%22st5%22%20cx%3D%22241.3%22%20cy%3D%22346.5%22%20rx%3D%2224.1%22%20ry%3D%2236.4%22%3E%3C%2Fellipse%3E%0D%0A%3Cellipse%20transform%3D%22matrix(0.7071%20-0.7071%200.7071%200.7071%20-257.9868%20412.3861)%22%20class%3D%22st5%22%20cx%3D%22368.8%22%20cy%3D%22517.6%22%20rx%3D%2224.1%22%20ry%3D%2236.4%22%3E%3C%2Fellipse%3E%0D%0A%3Cellipse%20transform%3D%22matrix(0.7071%20-0.7071%200.7071%200.7071%20-152.8403%20370.9521)%22%20class%3D%22st5%22%20cx%3D%22371.4%22%20cy%3D%22370%22%20rx%3D%2224.1%22%20ry%3D%2236.4%22%3E%3C%2Fellipse%3E%0D%0A%3Cellipse%20transform%3D%22matrix(0.7071%20-0.7071%200.7071%200.7071%20-204.3166%20495.1171)%22%20class%3D%22st5%22%20cx%3D%22495.5%22%20cy%3D%22494.2%22%20rx%3D%2224.1%22%20ry%3D%2236.4%22%3E%3C%2Fellipse%3E%0D%0A%3Cellipse%20transform%3D%22matrix(0.7071%20-0.7071%200.7071%200.7071%20-97.2462%20478.979)%22%20class%3D%22st5%22%20cx%3D%22529.6%22%20cy%3D%22356.9%22%20rx%3D%2224.1%22%20ry%3D%2236.4%22%3E%3C%2Fellipse%3E%0D%0A%3Cellipse%20transform%3D%22matrix(0.7071%20-0.7071%200.7071%200.7071%20-68.2423%20314.9851)%22%20class%3D%22st5%22%20cx%3D%22346.1%22%20cy%3D%22239.9%22%20rx%3D%2224.1%22%20ry%3D%2236.4%22%3E%3C%2Fellipse%3E%0D%0A%3C%2Fsvg%3E%0D%0A) 0 0, auto !important;
}
}

Reviews

No reviews yet.