git.iko.soy/searx
on master help sign in
Modify theme Courgette to add colors

Two colors are needed so I use a space in the cookie and a split in jinja to "encode" and "decode" them. We should enforce that each theme if they must use a cookie, prefix its name with the name of the theme. The color proposed here are based on bootstrap. We could use others.

commitcd179bbdbbf71431cb61be0f6188ea9507c29027 authorCqoicebordel <Cqoicebordel@users.noreply.github.com> dateMon 19 Jan 2015, 22:07 (12 years ago) parent71ae75d
3 files changed+52
compare with master
unifiedsplit
searx/templates/courgette/base.html+5 searx/templates/courgette/color.css+34 searx/templates/courgette/preferences.html+13
searx/templates/courgette/base.html+5
@@ -8,6 +8,11 @@
88 <meta name="viewport" content="width=device-width, maximum-scale=1.0, user-scalable=1" />
99 <title>{% block title %}{% endblock %}searx</title>
1010 <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}" type="text/css" media="screen" />
11+ {% if cookies['courgette-color'] %}
12+ <style type="text/css">
13+ {% include 'courgette/color.css' %}
14+ </style>
15+ {% endif %}
1116 <link rel="shortcut icon" href="{{ url_for('static', filename='img/favicon.png') }}?v=2" />
1217 {% block styles %}
1318 {% endblock %}
searx/templates/courgette/color.cssnew file+34
@@ -0,0 +1,34 @@
1+ .autocompleter-choices li:hover,
2+.checkbox_container label:hover,
3+.checkbox_container input[type="checkbox"]:checked + label,
4+#sidebar,
5+#suggestions input[type="submit"]:hover,
6+#suggestions input[type="submit"]:focus,
7+input[type="submit"],
8+.engine_checkbox label,
9+.engine_checkbox .deny,
10+#search_submit{
11+ background-color: {{ cookies['courgette-color'].split()[0] }};
12+}
13+
14+.result_title a,
15+.row a,
16+.title h1{
17+ color: {{ cookies['courgette-color'].split()[0] }};
18+}
19+
20+#answers {
21+ border-color: {{ cookies['courgette-color'].split()[0] }};
22+}
23+
24+#search_submit:hover,
25+#search_submit:focus,
26+#sidebar input[type="submit"]:hover,
27+#sidebar input[type="submit"]:focus {
28+ background-color: {{ cookies['courgette-color'].split()[1] }};
29+}
30+
31+input[type="submit"]:hover,
32+input[type="submit"]:focus {
33+ background: {{ cookies['courgette-color'].split()[1] }};
34+}
searx/templates/courgette/preferences.html+13
@@ -69,6 +69,19 @@
6969 </select>
7070 </p>
7171 </fieldset>
72+ <fieldset>
73+ <legend>{{ _('Color') }}</legend>
74+ <p>
75+ <select name="courgette-color">
76+ <option value="#3498DB #0665A2" {% if cookies['courgette-color'] and cookies['courgette-color'] == '#3498DB #0665A2' %}selected="selected"{% endif %}>{{ _('Blue (default)') }}</option>
77+ <option value="#6F5499 #563D7C" {% if cookies['courgette-color'] and cookies['courgette-color'] == '#6F5499 #563D7C' %}selected="selected"{% endif %}>{{ _('Violet') }}</option>
78+ <option value="#5CB85C #449D44" {% if cookies['courgette-color'] and cookies['courgette-color'] == '#5CB85C #449D44' %}selected="selected"{% endif %}>{{ _('Green') }}</option>
79+ <option value="#5BC0DE #31B0D5" {% if cookies['courgette-color'] and cookies['courgette-color'] == '#5BC0DE #31B0D5' %}selected="selected"{% endif %}>{{ _('Cyan') }}</option>
80+ <option value="#F0AD4E #EC971F" {% if cookies['courgette-color'] and cookies['courgette-color'] == '#F0AD4E #EC971F' %}selected="selected"{% endif %}>{{ _('Orange') }}</option>
81+ <option value="#D9534F #C9302C" {% if cookies['courgette-color'] and cookies['courgette-color'] == '#D9534F #C9302C' %}selected="selected"{% endif %}>{{ _('Red') }}</option>
82+ </select>
83+ </p>
84+ </fieldset>
7285 <fieldset>
7386 <legend>{{ _('Currently used search engines') }}</legend>
7487