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.
This commit is contained in:
Cqoicebordel 2015-01-19 22:07:19 +01:00
parent 71ae75d73e
commit cd179bbdbb
3 changed files with 52 additions and 0 deletions

View file

@ -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] }};
}