diff --git a/searx/templates/courgette/base.html b/searx/templates/courgette/base.html
index 89e9ea8b..08f9bfa7 100644
--- a/searx/templates/courgette/base.html
+++ b/searx/templates/courgette/base.html
@@ -8,6 +8,11 @@
{% block title %}{% endblock %}searx
+ {% if cookies['courgette-color'] %}
+
+ {% endif %}
{% block styles %}
{% endblock %}
diff --git a/searx/templates/courgette/color.css b/searx/templates/courgette/color.css
new file mode 100644
index 00000000..3e0d7308
--- /dev/null
+++ b/searx/templates/courgette/color.css
@@ -0,0 +1,34 @@
+ .autocompleter-choices li:hover,
+.checkbox_container label:hover,
+.checkbox_container input[type="checkbox"]:checked + label,
+#sidebar,
+#suggestions input[type="submit"]:hover,
+#suggestions input[type="submit"]:focus,
+input[type="submit"],
+.engine_checkbox label,
+.engine_checkbox .deny,
+#search_submit{
+ background-color: {{ cookies['courgette-color'].split()[0] }};
+}
+
+.result_title a,
+.row a,
+.title h1{
+ color: {{ cookies['courgette-color'].split()[0] }};
+}
+
+#answers {
+ border-color: {{ cookies['courgette-color'].split()[0] }};
+}
+
+#search_submit:hover,
+#search_submit:focus,
+#sidebar input[type="submit"]:hover,
+#sidebar input[type="submit"]:focus {
+ background-color: {{ cookies['courgette-color'].split()[1] }};
+}
+
+input[type="submit"]:hover,
+input[type="submit"]:focus {
+ background: {{ cookies['courgette-color'].split()[1] }};
+}
\ No newline at end of file
diff --git a/searx/templates/courgette/preferences.html b/searx/templates/courgette/preferences.html
index 07d79b53..64da3fd1 100644
--- a/searx/templates/courgette/preferences.html
+++ b/searx/templates/courgette/preferences.html
@@ -69,6 +69,19 @@
+