This theme adds some vibrance to DDG Lite. Some highlights include a softened grey background, bolder links, skeuomorphic buttons, rounded forms, and more!
Contemporary for DuckDuckGo Lite by eclecRC
Details
AuthoreclecRC
LicenseNo License
CategoryDuckDuckGo, Search, Engine, Skeuomorphic, Theme, HTML
Created
Updated
Size1.8 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
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;
}
}