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 | |
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')
-rw-r--r-- | templates/registration/base_admin.html | 33 | ||||
-rw-r--r-- | templates/registration/base_client.html | 33 | ||||
-rw-r--r-- | templates/registration/base_simple.html | 31 | ||||
-rw-r--r-- | templates/registration/login.html | 2 | ||||
-rw-r--r-- | templates/registration/password_reset_confirm.html | 2 | ||||
-rw-r--r-- | templates/registration/password_reset_form.html | 2 |
6 files changed, 95 insertions, 8 deletions
diff --git a/templates/registration/base_admin.html b/templates/registration/base_admin.html index a06c54d..4a12892 100644 --- a/templates/registration/base_admin.html +++ b/templates/registration/base_admin.html @@ -1,16 +1,42 @@ +{% with color="red lighten-1" %} +{% with hexcolor="#ef5350" %} +{% with hexlightcolor="#ef9a9a" %} <!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 red lighten-1"> + <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 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 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 diff --git a/templates/registration/login.html b/templates/registration/login.html index 9ee3bb8..022309e 100644 --- a/templates/registration/login.html +++ b/templates/registration/login.html @@ -14,7 +14,7 @@ <a href={% url 'password_reset' %}>Password dimenticata</a> <br> <br> - <button class="btn waves-effect waves-light" type="submit">Login</button> + <button class="btn waves-effect waves-light {{color}}" type="submit">Login</button> </form> </div> </div> diff --git a/templates/registration/password_reset_confirm.html b/templates/registration/password_reset_confirm.html index b0b46a4..e77ecfe 100644 --- a/templates/registration/password_reset_confirm.html +++ b/templates/registration/password_reset_confirm.html @@ -11,7 +11,7 @@ {% csrf_token %} {{ form.as_p }} <br> - <button class="btn waves-effect waves-light" type="submit">Invia</button> + <button class="btn waves-effect waves-light {{color}}" type="submit">Invia</button> </form> {% else %} <p> diff --git a/templates/registration/password_reset_form.html b/templates/registration/password_reset_form.html index 5789900..94a3269 100644 --- a/templates/registration/password_reset_form.html +++ b/templates/registration/password_reset_form.html @@ -10,7 +10,7 @@ {% csrf_token %} {{ form.as_p }} <br> - <button class="btn waves-effect waves-light" type="submit">Invia</button> + <button class="btn waves-effect waves-light {{color}}" type="submit">Invia</button> </form> </div> </div> |