ddg-html-dark.css


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134

/* Background colors */
:root {
    --foreground: #bfbbb6;
    --background: #181411;

    --color0:     #181411;
    --color8:     #2b2722;
    --color1:     #a63221;
    --color9:     #a63221;
    --color2:     #768948;
    --color10:    #768948;
    --color3:     #d6a22e;
    --color11:    #d6a22e;
    --color4:     #33658a;
    --color12:    #33658a;
    --color5:     #585481;
    --color13:    #7473a3;
    --color6:     #599a82;
    --color14:    #599a82;
    --color7:     #9a9a9a;
    --color15:    #bfbbb6;
}

.body--home,
.site-wrapper--home,
.body--html {
    background-color: var(--background);
}

html {
    background-color: var(--background);
}

.result.highlight {
    background-color: var(--background);
}

.result__body.highlight {
    background-color: var(--background);
}

.sitelinks_td.highlight {
    background-color: var(--background);
}

.frm__text,
.frm__input {
    background-color: var(--background);
}

.zci-wrapper {
    background-color: var(--background);
}

.result:hover {
    background-color: var(--color8);
}

.header.header--html {
	border-bottom: #443930 !important;
}

/* Text colors */
.msg--spelling {
    color: var(--color7);
}

body,
input,
select,
textarea {
    color: var(--color15);
}

.zci__heading {
    color: var(--color7);
}

.result__snippet {
    color: var(--color7);
}

.result__snippet b,
.result__snippet strong {
    color: var(--color15);
}

.result .result__snippet:hover,
.result .result__snippet:active {
    color: var(--color7);
}

/* Link colors */
a:hover,
a:focus {
    color: var(--color4);
}

.zci__result a {
    color: var(--color4);
}

.msg--spelling a {
    color: var(--color4);
}

a {
    color: var(--color4);
}

.result__a {
    color: var(--color4);
}

.result__a:hover {
    color: var(--color4);
}

.result__a:visited,
.result__a:visited:hover {
    color: var(--color4);
}

/* Logo */
.logo_homepage {
    background-image: url("https://duckduckgo.com/assets/logo_homepage.alt.v106.svg");
}

/* Fix searchbar */
.search,
.search--adv {
	background-color: #13100e;
    padding-right: 3.75em;
}