Skip to content

RetroDark DuckDuckGo by herrobriam

Screenshot of RetroDark DuckDuckGo
Write a review Install Get Stylus

Details

Authorherrobriam

LicenseNo License

Categoryduckduckgo

Created

Updated

Size2.1 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

a quick simple theme that makes duckduckgo look more retro

Notes

recommend settings:

  • dark theme
  • font: segoe ui @ medium size
  • page width: super wide
  • header behaviour: on & fixed
  • title font: proxima nova
  • title color: #eeeeee
  • visited title color: #aaaaaa
  • url color: #eeeeee
  • site icons: off

Source code

/* ==UserStyle==
@name         RetroDark DuckDuckGo
@version      20241109.17.51
@namespace    https://userstyles.world/user/herrobriam
@description  a quick simple theme that makes duckduckgo look more retro
@author       herrobriam
==/UserStyle== */

@-moz-document domain("duckduckgo.com") {
.header-wrap { /* top bar */
    background-image: linear-gradient(#555555 0%, #1c1c1c 75%);
    border: 1px solid #767676;
}

.XvPRmQVeIoCP5lQhICTv {
    background-image: linear-gradient(rgba(0,0,0,0));
    box-shadow: 0px 0px black;
}

.DrcNDXeWs90rE8UOUh96 {
    background-image: linear-gradient(rgba(0,0,0,0));
    box-shadow: 0px 0px black;
}

.qrc3T8W2PIYg9L63oA06 { /* page contents */
    min-width: 100%;
    max-width: 100%;
}

.W4_K5H4AqLL1ngRJt_pk {
    max-height: 32px;
    margin-top: 0px;
}

.c1GwqC__eRoEs0cLTIfL {
    margin-top: 0px;
}

.ZU6fV5zAYhNqBrbePNMK.h3EKGeHmRRkjbMqYfNUi.DVvtLJTV3L88qPWhM3gI .W4_K5H4AqLL1ngRJt_pk,
.ZU6fV5zAYhNqBrbePNMK.h3EKGeHmRRkjbMqYfNUi.DVvtLJTV3L88qPWhM3gI .YL_aMfikzFszfcc4KLSh,
.ZU6fV5zAYhNqBrbePNMK.h3EKGeHmRRkjbMqYfNUi.DVvtLJTV3L88qPWhM3gI .aDtqDaYogch0DyrGTrX6 {
    max-width: 100%;
}

.search--header {
    background-image: linear-gradient(#1c1c1c 10%, #373a40 75%);
    border: 1px solid #767676;
    border-radius: 8px;
}

.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--home.has-text .search__button:focus,
.is-link-style-exp.is-mobile .search--header.has-text.search--focus .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: rgba(0,0,0,0);
    color: white;
    transition: .4s;
}

body {
    background-image: linear-gradient(#1c1c1c, #515151);
    text-shadow: 2px 2px 2px black;
}

.tile--img {
    border: 2px solid #7295f6;
    border-radius: 4px;
}
}

Reviews

No reviews yet.