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>