A material theme for Duckduckgo stripping away what's not needed and providing a more elegant UI for easier browsing. Still a WIP.
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
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;
}
}