summaryrefslogtreecommitdiff
path: root/ddg-html-dark.css
diff options
context:
space:
mode:
Diffstat (limited to 'ddg-html-dark.css')
-rw-r--r--ddg-html-dark.css134
1 files changed, 134 insertions, 0 deletions
diff --git a/ddg-html-dark.css b/ddg-html-dark.css
new file mode 100644
index 0000000..d809401
--- /dev/null
+++ b/ddg-html-dark.css
@@ -0,0 +1,134 @@
1/* Background colors */
2:root {
3 --foreground: #bfbbb6;
4 --background: #181411;
5
6 --color0: #181411;
7 --color8: #2b2722;
8 --color1: #a63221;
9 --color9: #a63221;
10 --color2: #768948;
11 --color10: #768948;
12 --color3: #d6a22e;
13 --color11: #d6a22e;
14 --color4: #33658a;
15 --color12: #33658a;
16 --color5: #585481;
17 --color13: #7473a3;
18 --color6: #599a82;
19 --color14: #599a82;
20 --color7: #9a9a9a;
21 --color15: #bfbbb6;
22}
23
24.body--home,
25.site-wrapper--home,
26.body--html {
27 background-color: var(--background);
28}
29
30html {
31 background-color: var(--background);
32}
33
34.result.highlight {
35 background-color: var(--background);
36}
37
38.result__body.highlight {
39 background-color: var(--background);
40}
41
42.sitelinks_td.highlight {
43 background-color: var(--background);
44}
45
46.frm__text,
47.frm__input {
48 background-color: var(--background);
49}
50
51.zci-wrapper {
52 background-color: var(--background);
53}
54
55.result:hover {
56 background-color: var(--color8);
57}
58
59.header.header--html {
60 border-bottom: #443930 !important;
61}
62
63/* Text colors */
64.msg--spelling {
65 color: var(--color7);
66}
67
68body,
69input,
70select,
71textarea {
72 color: var(--color15);
73}
74
75.zci__heading {
76 color: var(--color7);
77}
78
79.result__snippet {
80 color: var(--color7);
81}
82
83.result__snippet b,
84.result__snippet strong {
85 color: var(--color15);
86}
87
88.result .result__snippet:hover,
89.result .result__snippet:active {
90 color: var(--color7);
91}
92
93/* Link colors */
94a:hover,
95a:focus {
96 color: var(--color4);
97}
98
99.zci__result a {
100 color: var(--color4);
101}
102
103.msg--spelling a {
104 color: var(--color4);
105}
106
107a {
108 color: var(--color4);
109}
110
111.result__a {
112 color: var(--color4);
113}
114
115.result__a:hover {
116 color: var(--color4);
117}
118
119.result__a:visited,
120.result__a:visited:hover {
121 color: var(--color4);
122}
123
124/* Logo */
125.logo_homepage {
126 background-image: url("https://duckduckgo.com/assets/logo_homepage.alt.v106.svg");
127}
128
129/* Fix searchbar */
130.search,
131.search--adv {
132 background-color: #13100e;
133 padding-right: 3.75em;
134}