CSS for dark mode on html.duckduckgo.com

ddg_html_dark.css

.body--home,
.body--html {
    background: #1c1c1c;
    color: #eeeeee;
}

.search {
    background-color: #333333;
    border-color: #333333;
    box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

.search__input,
.search__input--adv {
    color: #eeeeee;
}

.search:focus .search__button,
.search:hover .search__button,
.search__button:focus,
.search__button:hover,
.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: #444444;
    color: white;
}

.frm__select select {
    color: #cccccc;
}

.frm__select select:hover {
    background-color: #333333;
    color: #eeeeee;
}

.result:hover {
    border: 1px solid #282828;
    background: #282828;
    box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    color: #cccccc;
}

.result__a,
.result__a:focus,
.result__a:hover {
    color: #eeeeee;
}

.result__url,
.result__url:active,
.result__url:focus,
.result__url:hover {
    color: #eeeeee;
}

.result__snippet,
.result__snippet b,
.result__snippet strong,
.result .result__snippet,
.result .result__snippet:active,
.result .result__snippet:hover {
    color: #cccccc;
}

.btn,
.btn:active,
.btn:focus {
    background-color: #333333;
    border-color: transparent;
    color: #eeeeee;
    text-shadow: none;
}

.btn:hover {
    background-color: #444444;
    border-color: #444444;
    color: #eeeeee;
}

a,
a:active,
a:focus,
a:hover {
    color: #eeeeee;
}