Skip to content

Contemporary for DuckDuckGo Lite by eclecRC

Screenshot of Contemporary for DuckDuckGo Lite
Write a review Install Get Stylus

Details

AuthoreclecRC

LicenseNo License

CategoryDuckDuckGo, Search, Engine, Skeuomorphic, Theme, HTML

Created

Updated

Code size1.8 kB

Code checksuma4b98e4b

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

This theme adds some vibrance to DDG Lite. Some highlights include a softened grey background, bolder links, skeuomorphic buttons, rounded forms, and more!

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name         Contemporary for DuckDuckGo Lite
@version      20240118.07.51
@namespace    ?
==/UserStyle== */

@-moz-document url-prefix("https://lite.duckduckgo.com/lite") {
.submit {
  padding-left: 7px;
  padding-right: 7px;
  height: 40px;
  font-size: 14px;
  cursor: pointer;
  background-color: #fdce3e;
  background-repeat: repeat-x;
  border: 1px solid #e5a716;
  color: #434343;
  cursor: pointer;
  height: 26px;
  padding: 0 23px;
  *padding: 0 7px;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAZCAIAAAB/8tMoAAAAPUlEQVR42jWLQQqAQBDDOv3/9xSf4WlP7sQi4yGEFGr6tNZl0WFbCjxWh5i4mG127mN6/78P8q00HVeaGF4G+jQ9YP3upQAAAABJRU5ErkJggg==');
  *filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffff4ae,endColorstr=#fffdce3e);
  -moz-appearance: none;
  border-radius: 18px;
  font-weight: bold;
}

.query {
  height: 14px;
  border-color: #646464;
  border-style: solid solid solid solid;
  border-width: 1px 1px 1px 1px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 16px;
  padding: 5px 6px;
  text-align: left;
  width: 55%;
  max-width: 600px;
  border-radius: 18px;
}

body {
  padding-left: 20px;
  width: 90%;
  margin-top: 0;
  background: rgb(249, 249, 249)
}

.navbutton {
  background-color: transparent;
  border: 0px none;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: 0px;
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
  text-decoration: underline;
  color: darkgreen;
  border-bottom: 1px solid transparent;
  padding: 0px;
}

a:visited {
  color: #737373;
}

.link-text {
  color: #00511b;
  font-size: 77.4%;
  font-weight: bold;
}

a {
  text-decoration: none;
  color: #15c;
  font-weight: bold;
}
}

Reviews

No reviews yet.