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_client.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_client.html')
| -rw-r--r-- | templates/registration/base_client.html | 33 |
1 files changed, 31 insertions, 2 deletions
diff --git a/templates/registration/base_client.html b/templates/registration/base_client.html index 241f7ce..8155e88 100644 --- a/templates/registration/base_client.html +++ b/templates/registration/base_client.html @@ -1,16 +1,42 @@ +{% 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> </head> <body> <nav class="nav-extended"> - <div class="nav-wrapper teal"> + <div class="nav-wrapper {{color}}"> <a style="margin-left: 10px;" href="{% url 'index' %}" class="breadcrumb hide-on-small-only">Home</a> <ul class="left hide-on-med-and-up"> <li><a href="{% url 'index' %}"><i class="material-icons">home</i></a></li> @@ -54,4 +80,7 @@ {% endblock%} </script> </body> -</html>
\ No newline at end of file +</html> +{% endwith %} +{% endwith %} +{% endwith %}
\ No newline at end of file |