diff options
| author | Andrea Lepori <alepori@student.ethz.ch> | 2020-08-31 15:52:14 +0200 |
|---|---|---|
| committer | Andrea Lepori <alepori@student.ethz.ch> | 2020-08-31 15:52:14 +0200 |
| commit | 0ba22318c4ac4b03d50030c5ada27b639d033a40 (patch) | |
| tree | 3ca567148611c66cea1e2ee0ad4ced5b67f1ab80 /templates/registration/base_simple.html | |
| parent | graghics improvement for mobile, and more modular (diff) | |
| download | scout-subs-0ba22318c4ac4b03d50030c5ada27b639d033a40.tar.gz scout-subs-0ba22318c4ac4b03d50030c5ada27b639d033a40.zip | |
variables for accent color
Diffstat (limited to 'templates/registration/base_simple.html')
| -rw-r--r-- | templates/registration/base_simple.html | 31 |
1 files changed, 30 insertions, 1 deletions
diff --git a/templates/registration/base_simple.html b/templates/registration/base_simple.html index 6876e83..f8c74bc 100644 --- a/templates/registration/base_simple.html +++ b/templates/registration/base_simple.html @@ -1,9 +1,35 @@ +{% with color="teal" %} +{% with hexcolor="#009688" %} +{% with hexlightcolor="#80cbc4" %} <!DOCTYPE html> <html> <head> {% load static %} <link rel="stylesheet" type="text/css" href="{% static 'material_icons.css' %}"> <link rel="stylesheet" type="text/css" href="{% static 'materialize.min.css' %}"> + <style> + .input-field input[type=text]:focus + label, .materialize-textarea:focus:not([readonly]) + label { + color: {{hexcolor}} !important; + } + + .input-field input[type=text]:focus, .materialize-textarea:focus:not([readonly]) { + border-bottom: 1px solid {{hexcolor}} !important; + box-shadow: 0 1px 0 0 {{hexcolor}} !important; + } + + [type="checkbox"].filled-in:checked + span:not(.lever)::after { + border: 2px solid {{hexcolor}} !important; + background-color: {{hexcolor}} !important; + } + + .switch label input[type="checkbox"]:checked + .lever { + background-color: {{hexlightcolor}}; + } + + .switch label input[type="checkbox"]:checked + .lever::after { + background-color: {{hexcolor}}; + } + </style> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <meta charset="utf-8"> <title>{% block title %}Scout Brega{% endblock %}</title> @@ -19,4 +45,7 @@ {% endblock %} </script> </body> -</html>
\ No newline at end of file +</html> +{% endwith %} +{% endwith %} +{% endwith %}
\ No newline at end of file |