variables for accent color

20 files changed, 159 insertions, 72 deletions

diff --git a/accounts/templates/accounts/index.html b/accounts/templates/accounts/index.html
index 9a1f873..8769a61 100644
--- a/accounts/templates/accounts/index.html
+++ b/accounts/templates/accounts/index.html
@@ -6,7 +6,7 @@
   <a class="breadcrumb hide-on-med-and-down">Account</a>
 {% endblock %}
 {% block toolbar %}
-  <div class="nav-content teal">
+  <div class="nav-content {{color}}">
     <ul class="tabs tabs-transparent">
       <li class="tab"><a class="active" href="#personal">Info Personali</a></li>
       <li class="tab"><a href="#medic">Info Mediche</a></li>
@@ -91,7 +91,7 @@
             </div>
           </div>
             <div class="fixed-action-btn">
-              <a class="btn-floating btn-large teal" onclick="send('save')">
+              <a class="btn-floating btn-large {{color}}" onclick="send('save')">
                 <i class="large material-icons">save</i>
               </a>
             </div>
@@ -207,7 +207,7 @@
           </label>
         </div>
         <div class="col s12">
-          <div class="card teal">
+          <div class="card {{color}}">
             <div class="card-content">
               <p style="color:white"><b>In caso dovesse assumere farmaci, avvisare comunque i capi</b></p>
             </div>
@@ -240,7 +240,7 @@
             <div class="card-content">
               Certificato di vacinazione
               <div class="file-field input-field">
-                <div class="btn teal">
+                <div class="btn {{color}}">
                   <span><i class="material-icons left">file_upload</i>File</span>
                   <input type="file" name="vac_certificate" id="vac_certificate" multiple>
                 </div>
@@ -249,8 +249,8 @@
                 </div>
               </div>
               {% if vac_certificate != ''%}
-                <a class="btn teal" onclick="send('download_vac')"><i class="material-icons left">file_download</i>Download</a>
-                <a class="btn teal" onclick="delete_vac()"><i class="material-icons left">delete</i><span>Elimina</span></a>
+                <a class="btn {{color}}" onclick="send('download_vac')"><i class="material-icons left">file_download</i>Download</a>
+                <a class="btn {{color}}" onclick="delete_vac()"><i class="material-icons left">delete</i><span>Elimina</span></a>
               {% endif %}
             </div>
           </div>
@@ -260,7 +260,7 @@
             <div class="card-content">
               Tessera cassa malati
               <div class="file-field input-field">
-                <div class="btn teal">
+                <div class="btn {{color}}">
                   <span><i class="material-icons left">file_upload</i>File</span>
                   <input type="file" name="health_care_certificate" id="health_care_certificate" multiple>
                 </div>
@@ -269,15 +269,15 @@
                 </div>
               </div>
               {% if health_care_certificate != ''%}
-                <a class="btn teal" onclick="send('download_health')"><i class="material-icons left">file_download</i>Download</a>
-                <a class="btn teal" onclick="delete_health()"><i class="material-icons left">delete</i><span>Elimina</span></a>
+                <a class="btn {{color}}" onclick="send('download_health')"><i class="material-icons left">file_download</i>Download</a>
+                <a class="btn {{color}}" onclick="delete_health()"><i class="material-icons left">delete</i><span>Elimina</span></a>
               {% endif %}
             </div>
           </div>
         </div>
       </div>
       <div class="fixed-action-btn">
-        <a class="btn-floating btn-large teal" onclick="send('save')">
+        <a class="btn-floating btn-large {{color}}" onclick="send('save')">
           <i class="large material-icons">save</i>
         </a>
       </div>
diff --git a/accounts/templates/accounts/signup.html b/accounts/templates/accounts/signup.html
index 56b5a4c..0decf9e 100644
--- a/accounts/templates/accounts/signup.html
+++ b/accounts/templates/accounts/signup.html
@@ -18,7 +18,7 @@
             </label>
             <br>
             <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>
diff --git a/client/templates/client/doc_create.html b/client/templates/client/doc_create.html
index 33aeb96..d7c3edd 100644
--- a/client/templates/client/doc_create.html
+++ b/client/templates/client/doc_create.html
@@ -45,7 +45,7 @@
             {% if personal_data %}
               <div class="row">
                 <div class="col s12">
-                  <div class="card teal">
+                  <div class="card {{color}}">
                     <div class="card-content">
                       <p style="color:white"><b>
                         Il documento conterr&agrave; le informazioni personali, prego verificare che siano corrette e aggiornate
@@ -58,7 +58,7 @@
             {% if medical_data %}
               <div class="row">
                 <div class="col s12">
-                  <div class="card teal">
+                  <div class="card {{color}}">
                     <div class="card-content">
                       <p style="color:white"><b>
                         Il documento conterr&agrave; le informazioni mediche, prego verificare che siano corrette e aggiornate
@@ -71,7 +71,7 @@
             {% if custom_message %}
               <div class="row">
                 <div class="col s12">
-                  <div class="card teal">
+                  <div class="card {{color}}">
                     <div class="card-content">
                       <p style="color:white"><b>
                         {{custom_message_text}}
diff --git a/client/templates/client/doc_edit.html b/client/templates/client/doc_edit.html
index e969013..87efee4 100644
--- a/client/templates/client/doc_edit.html
+++ b/client/templates/client/doc_edit.html
@@ -25,7 +25,7 @@
           {% if personal_data %}
             <div class="row">
               <div class="col s12">
-                <div class="card teal">
+                <div class="card {{color}}">
                   <div class="card-content">
                     <p style="color:white"><b>
                       Il documento conterr&agrave; le informazioni personali, prego verificare che siano corrette e aggiornate
@@ -38,7 +38,7 @@
           {% if medical_data %}
             <div class="row">
               <div class="col s12">
-                <div class="card teal">
+                <div class="card {{color}}">
                   <div class="card-content">
                     <p style="color:white"><b>
                       Il documento conterr&agrave; le informazioni mediche, prego verificare che siano corrette e aggiornate
@@ -51,7 +51,7 @@
           {% if custom_message %}
             <div class="row">
               <div class="col s12">
-                <div class="card teal">
+                <div class="card {{color}}">
                   <div class="card-content">
                     <p style="color:white"><b>
                       {{custom_message_text}}
diff --git a/client/templates/client/index.html b/client/templates/client/index.html
index 33cf493..e0f09db 100644
--- a/client/templates/client/index.html
+++ b/client/templates/client/index.html
@@ -3,7 +3,7 @@
 {% block title %}Home{% endblock %}
 
 {% block content %}
-<div class="tap-target teal" data-target="add">
+<div class="tap-target {{color}}" data-target="add">
   <div class="tap-target-content">
     <h5 style="color:white">Aggiungi un documento</h5>
     <p style="color:white">Usa questo bottone per creare un nuovo documento</p>
@@ -35,18 +35,18 @@
             <div class="collapsible-body"><span>
               {% if doc.0.status == "wait" %}
                 <div class="hide-on-med-and-down">
-                  <a class="waves-effect waves-light btn teal" onclick="send('f{{doc.0.id}}')"><i class="material-icons left">file_download</i> Scarica documento per approvazione</a>
-                  <a class="waves-effect waves-light btn teal" onclick="send('d{{doc.0.id}}')"><i class="material-icons left">delete</i> Elimina documento</a>
-                  <a class="waves-effect waves-light btn teal" onclick="send('e{{doc.0.id}}')"><i class="material-icons left">edit</i> Modifica documento</a>
+                  <a class="waves-effect waves-light btn {{color}}" onclick="send('f{{doc.0.id}}')"><i class="material-icons left">file_download</i> Scarica documento per approvazione</a>
+                  <a class="waves-effect waves-light btn {{color}}" onclick="send('d{{doc.0.id}}')"><i class="material-icons left">delete</i> Elimina documento</a>
+                  <a class="waves-effect waves-light btn {{color}}" onclick="send('e{{doc.0.id}}')"><i class="material-icons left">edit</i> Modifica documento</a>
                 </div>
                 <div style="margin-bottom: 0px;" class="hide-on-large-only row">
-                  <a class="col s12 waves-effect waves-light btn teal" onclick="send('f{{doc.0.id}}')"><i class="material-icons left">file_download</i> Scarica documento per approvazione</a>
+                  <a class="col s12 waves-effect waves-light btn {{color}}" onclick="send('f{{doc.0.id}}')"><i class="material-icons left">file_download</i> Scarica documento per approvazione</a>
                   <br>
                   <br>
-                  <a class="col s12 waves-effect waves-light btn teal" onclick="send('d{{doc.0.id}}')"><i class="material-icons left">delete</i> Elimina documento</a>
+                  <a class="col s12 waves-effect waves-light btn {{color}}" onclick="send('d{{doc.0.id}}')"><i class="material-icons left">delete</i> Elimina documento</a>
                   <br>
                   <br>
-                  <a class="col s12 waves-effect waves-light btn teal" onclick="send('e{{doc.0.id}}')"><i class="material-icons left">edit</i> Modifica documento</a>
+                  <a class="col s12 waves-effect waves-light btn {{color}}" onclick="send('e{{doc.0.id}}')"><i class="material-icons left">edit</i> Modifica documento</a>
                 </div>
                 <br>
                 <br>
@@ -64,18 +64,18 @@
                   </div>
                 </div>
                 <div class="hide-on-med-and-down">
-                  <a class="waves-effect waves-light btn teal modal-trigger" href="#modal{{doc.0.id}}"><i class="material-icons left">check</i>Approva documento</a>
-                  <a class="waves-effect waves-light btn teal" onclick="send('d{{doc.0.id}}')"><i class="material-icons left">delete</i>Elimina documento</a>
-                  <a class="waves-effect waves-light btn teal" onclick="send('e{{doc.0.id}}')"><i class="material-icons left">edit</i>Modifica documento</a>
+                  <a class="waves-effect waves-light btn {{color}} modal-trigger" href="#modal{{doc.0.id}}"><i class="material-icons left">check</i>Approva documento</a>
+                  <a class="waves-effect waves-light btn {{color}}" onclick="send('d{{doc.0.id}}')"><i class="material-icons left">delete</i>Elimina documento</a>
+                  <a class="waves-effect waves-light btn {{color}}" onclick="send('e{{doc.0.id}}')"><i class="material-icons left">edit</i>Modifica documento</a>
                 </div>
                 <div style="margin-bottom: 0px;" class="hide-on-large-only row">
-                  <a class="col s12 waves-effect waves-light btn teal modal-trigger" href="#modal{{doc.0.id}}"><i class="material-icons left">check</i>Approva documento</a>
+                  <a class="col s12 waves-effect waves-light btn {{color}} modal-trigger" href="#modal{{doc.0.id}}"><i class="material-icons left">check</i>Approva documento</a>
                   <br>
                   <br>
-                  <a class="col s12 waves-effect waves-light btn teal" onclick="send('d{{doc.0.id}}')"><i class="material-icons left">delete</i>Elimina documento</a>
+                  <a class="col s12 waves-effect waves-light btn {{color}}" onclick="send('d{{doc.0.id}}')"><i class="material-icons left">delete</i>Elimina documento</a>
                   <br>
                   <br>
-                  <a class="col s12 waves-effect waves-light btn teal" onclick="send('e{{doc.0.id}}')"><i class="material-icons left">edit</i>Modifica documento</a>
+                  <a class="col s12 waves-effect waves-light btn {{color}}" onclick="send('e{{doc.0.id}}')"><i class="material-icons left">edit</i>Modifica documento</a>
                 </div>
                 <br>
                 <br>
@@ -341,7 +341,7 @@
     </ul>
     {% endif %}
     <div class="fixed-action-btn">
-      <a id="add" class="btn-floating btn-large teal" href="{% url 'create'%}">
+      <a id="add" class="btn-floating btn-large {{color}}" href="{% url 'create'%}">
         <i class="large material-icons">add</i>
       </a>
     </div>
diff --git a/server/templates/server/approve_doc.html b/server/templates/server/approve_doc.html
index 42f4436..23eef4f 100644
--- a/server/templates/server/approve_doc.html
+++ b/server/templates/server/approve_doc.html
@@ -33,7 +33,7 @@
           <textarea name="codes" class="materialize-textarea"></textarea>
         </div>
         <div class="card-action">
-          <a class="waves-effect waves-light btn red lighten-1" href="#" onclick="document.getElementById('form').submit()">Invia</a>
+          <a class="waves-effect waves-light btn {{color}}" href="#" onclick="document.getElementById('form').submit()">Invia</a>
         </div>
       </form>
     </div>
diff --git a/server/templates/server/approve_user.html b/server/templates/server/approve_user.html
index 288b4f9..3b7da2f 100644
--- a/server/templates/server/approve_user.html
+++ b/server/templates/server/approve_user.html
@@ -33,7 +33,7 @@
           <textarea name="codes" class="materialize-textarea"></textarea>
         </div>
         <div class="card-action">
-          <a class="waves-effect waves-light btn red lighten-1" href="#" onclick="document.getElementById('form').submit()">Invia</a>
+          <a class="waves-effect waves-light btn {{color}}" href="#" onclick="document.getElementById('form').submit()">Invia</a>
         </div>
       </form>
     </div>
diff --git a/server/templates/server/data_request.html b/server/templates/server/data_request.html
index 1f65ff1..1db580c 100644
--- a/server/templates/server/data_request.html
+++ b/server/templates/server/data_request.html
@@ -26,8 +26,8 @@
           <textarea id="data" class="materialize-textarea">{{data}}</textarea>
         </div>
         <div class="card-action">
-          <a class="waves-effect waves-light btn red lighten-1" href="#" onclick="document.getElementById('form').submit()">Invia</a>
-          <a class="waves-effect waves-light btn red lighten-1" onclick="copy()">Copia risultato</a>
+          <a class="waves-effect waves-light btn {{color}}" href="#" onclick="document.getElementById('form').submit()">Invia</a>
+          <a class="waves-effect waves-light btn {{color}}" onclick="copy()">Copia risultato</a>
         </div>
       </form>
     </div>
diff --git a/server/templates/server/doc_create.html b/server/templates/server/doc_create.html
index a9877a3..9549a9d 100644
--- a/server/templates/server/doc_create.html
+++ b/server/templates/server/doc_create.html
@@ -96,7 +96,7 @@
             </div>
           </div>
           <div class="fixed-action-btn">
-            <a class="btn-floating btn-large red lighten-1" onclick="document.getElementById('form').submit()">
+            <a class="btn-floating btn-large {{color}}" onclick="document.getElementById('form').submit()">
               <i class="large material-icons">save</i>
             </a>
           </div>
diff --git a/server/templates/server/doc_list.html b/server/templates/server/doc_list.html
index b9f1b1b..2499245 100644
--- a/server/templates/server/doc_list.html
+++ b/server/templates/server/doc_list.html
@@ -7,7 +7,7 @@
   <a class="breadcrumb hide-on-med-and-down">Documenti</a>
 {% endblock %}
 {% block toolbar %}
-  <div class="nav-wrapper red lighten-1">
+  <div class="nav-wrapper {{color}}">
     <ul>
       <li>
         <input id="select-all" type="checkbox" class="filled-in"/>
@@ -165,7 +165,7 @@
         </div>
         <div class="collapsible-body"><span>
           {% if doc.0.status == "ok" or doc.0.status == 'archive' %}
-            <a class="waves-effect waves-light btn red lighten-1" onclick="send('k{{doc.0.id}}')"><i class="material-icons left">file_download</i> Scarica documento</a>
+            <a class="waves-effect waves-light btn {{color}}" onclick="send('k{{doc.0.id}}')"><i class="material-icons left">file_download</i> Scarica documento</a>
             <br>
             <br>
           {% endif %}
diff --git a/server/templates/server/doc_type.html b/server/templates/server/doc_type.html
index f621e07..8c3093d 100644
--- a/server/templates/server/doc_type.html
+++ b/server/templates/server/doc_type.html
@@ -7,7 +7,7 @@
   <a class="breadcrumb hide-on-med-and-down">Tipo Doc</a>
 {% endblock %}
 {% block toolbar %}
-  <div class="nav-wrapper red lighten-1">
+  <div class="nav-wrapper {{color}}">
     <ul>
       <li>
         <input id="select-all" type="checkbox" class="filled-in"/>
@@ -138,7 +138,7 @@
                 <i class="material-icons">assignment_turned_in</i>
             {% endif %}
             {{doctype.0.name}}
-            <span class="new badge red lighten-1" data-badge-caption="">{{doctype.2}}</span>
+            <span class="new badge {{color}}" data-badge-caption="">{{doctype.2}}</span>
         </div>
         <div class="collapsible-body"><span>
           <ul class="collection">
@@ -196,7 +196,7 @@
 </ul>
 </form>
 <div class="fixed-action-btn">
-  <a class="btn-floating btn-large red lighten-1" href="{% url 'doccreate'%}">
+  <a class="btn-floating btn-large {{color}}" href="{% url 'doccreate'%}">
     <i class="large material-icons">add</i>
   </a>
 </div>
diff --git a/server/templates/server/index.html b/server/templates/server/index.html
index f2a2242..aa4681e 100644
--- a/server/templates/server/index.html
+++ b/server/templates/server/index.html
@@ -31,19 +31,19 @@
       </div>
       <div class="card-action">
         <div class="hide-on-med-and-down">
-          <a class="waves-effect waves-light btn red lighten-1" href="{% url 'ulist' %}">Lista utenti</a>
-          <a class="waves-effect waves-light btn red lighten-1" href="{% url 'uapprove' %}">Approva utente</a>
-          <a class="waves-effect waves-light btn red lighten-1" href="{% url 'request' %}">Richiedi dati</a>
+          <a class="waves-effect waves-light btn {{color}}" href="{% url 'ulist' %}">Lista utenti</a>
+          <a class="waves-effect waves-light btn {{color}}" href="{% url 'uapprove' %}">Approva utente</a>
+          <a class="waves-effect waves-light btn {{color}}" href="{% url 'request' %}">Richiedi dati</a>
         </div>
 
         <div class="hide-on-large-only">
-          <a class="col s12 waves-effect waves-light btn red lighten-1" href="{% url 'ulist' %}">Lista utenti</a>
+          <a class="col s12 waves-effect waves-light btn {{color}}" href="{% url 'ulist' %}">Lista utenti</a>
           <br>
           <br>
-          <a class="col s12 waves-effect waves-light btn red lighten-1" href="{% url 'uapprove' %}">Approva utente</a>
+          <a class="col s12 waves-effect waves-light btn {{color}}" href="{% url 'uapprove' %}">Approva utente</a>
           <br>
           <br>
-          <a class="col s12 waves-effect waves-light btn red lighten-1" href="{% url 'request' %}">Richiedi dati</a>
+          <a class="col s12 waves-effect waves-light btn {{color}}" href="{% url 'request' %}">Richiedi dati</a>
         </div>
       </div>
     </div>
@@ -69,29 +69,29 @@
                   <i class="material-icons left">assignment_turned_in</i>
                 {% endif %}
                 {{doctype.0.name}}
-                <span class="new badge red lighten-1" data-badge-caption="">{{doctype.1}}</span>
+                <span class="new badge {{color}}" data-badge-caption="">{{doctype.1}}</span>
           {% endfor %}
         </ul>
       </div>
       <div class="card-action">
         <div class="hide-on-med-and-down">
-          <a class="waves-effect waves-light btn red lighten-1" href="{% url 'doctype' %}">Lista tipo doc</a>
-          <a class="waves-effect waves-light btn red lighten-1" href="{% url 'doclist' %}">Lista documenti</a>
-          <a class="waves-effect waves-light btn red lighten-1" href="{% url 'docapprove' %}">Approva documento</a>
-          <a class="waves-effect waves-light btn red lighten-1" href="{% url 'docupload' %}">Carica firma</a>
+          <a class="waves-effect waves-light btn {{color}}" href="{% url 'doctype' %}">Lista tipo doc</a>
+          <a class="waves-effect waves-light btn {{color}}" href="{% url 'doclist' %}">Lista documenti</a>
+          <a class="waves-effect waves-light btn {{color}}" href="{% url 'docapprove' %}">Approva documento</a>
+          <a class="waves-effect waves-light btn {{color}}" href="{% url 'docupload' %}">Carica firma</a>
         </div>
 
         <div class="hide-on-large-only">
-          <a class="col s12 waves-effect waves-light btn red lighten-1" href="{% url 'doctype' %}">Lista tipo doc</a>
+          <a class="col s12 waves-effect waves-light btn {{color}}" href="{% url 'doctype' %}">Lista tipo doc</a>
           <br>
           <br>
-          <a class="col s12 waves-effect waves-light btn red lighten-1" href="{% url 'doclist' %}">Lista documenti</a>
+          <a class="col s12 waves-effect waves-light btn {{color}}" href="{% url 'doclist' %}">Lista documenti</a>
           <br>
           <br>
-          <a class="col s12 waves-effect waves-light btn red lighten-1" href="{% url 'docapprove' %}">Approva documento</a>
+          <a class="col s12 waves-effect waves-light btn {{color}}" href="{% url 'docapprove' %}">Approva documento</a>
           <br>
           <br>
-          <a class="col s12 waves-effect waves-light btn red lighten-1" href="{% url 'docupload' %}">Carica firma</a>
+          <a class="col s12 waves-effect waves-light btn {{color}}" href="{% url 'docupload' %}">Carica firma</a>
         </div>
       </div>
     </div>
diff --git a/server/templates/server/upload_doc.html b/server/templates/server/upload_doc.html
index b29e2ae..78f3e81 100644
--- a/server/templates/server/upload_doc.html
+++ b/server/templates/server/upload_doc.html
@@ -27,7 +27,7 @@
           </div>
           <div class="row">
             <div class="file-field input-field col s12">
-              <div class="btn red lighten-1">
+              <div class="btn {{color}}">
                 <span><i class="material-icons left">file_upload</i>File</span>
                 <input type="file" name="doc_sign" id="doc_sign" onchange="loadFile(event)">
               </div>
@@ -38,8 +38,8 @@
           </div>
         </div>
         <div class="card-action">
-          <a id="send_button" class="waves-effect waves-light btn red lighten-1" href="#" onclick="confirm()">Approva</a>
-          <a class="right waves-effect waves-light btn red lighten-1" onclick="send()">Anteprima documento</a>
+          <a id="send_button" class="waves-effect waves-light btn {{color}}" href="#" onclick="confirm()">Approva</a>
+          <a class="right waves-effect waves-light btn {{color}}" onclick="send()">Anteprima documento</a>
         </div>
       </form>
     </div>
diff --git a/server/templates/server/user_list.html b/server/templates/server/user_list.html
index 0537ab0..afd4163 100644
--- a/server/templates/server/user_list.html
+++ b/server/templates/server/user_list.html
@@ -7,7 +7,7 @@
   <a class="breadcrumb hide-on-med-and-down">Lista Utenti</a>
 {% endblock %}
 {% block toolbar %}
-  <div class="nav-wrapper red lighten-1">
+  <div class="nav-wrapper {{color}}">
     <form>
       <div class="input-field">
         <input autocomplete="off" id="search" type="search" onkeyup="filterResults()" required>
@@ -48,14 +48,14 @@
           </div>
         </div>
         <div class="hide-on-med-and-down">
-          <a class="waves-effect waves-light btn red lighten-1 modal-trigger" href="#modal{{user.0.id}}"><i class="material-icons left">remove_circle_outline</i>Deapprova utente</a>
-          <a class="waves-effect waves-light btn red lighten-1" onclick="send('c{{user.0.id}}')"><i class="material-icons left">star_border</i>Capo/non</a>
+          <a class="waves-effect waves-light btn {{color}} modal-trigger" href="#modal{{user.0.id}}"><i class="material-icons left">remove_circle_outline</i>Deapprova utente</a>
+          <a class="waves-effect waves-light btn {{color}}" onclick="send('c{{user.0.id}}')"><i class="material-icons left">star_border</i>Capo/non</a>
         </div>
         <div style="margin-bottom: 0px;" class="hide-on-large-only row">
-          <a class="col s12 waves-effect waves-light btn red lighten-1 modal-trigger" href="#modal{{user.0.id}}"><i class="material-icons left">remove_circle_outline</i>Deapprova utente</a>
+          <a class="col s12 waves-effect waves-light btn {{color}} modal-trigger" href="#modal{{user.0.id}}"><i class="material-icons left">remove_circle_outline</i>Deapprova utente</a>
           <br>
           <br>
-          <a class="col s12 waves-effect waves-light btn red lighten-1" onclick="send('c{{user.0.id}}')"><i class="material-icons left">star_border</i>Capo/non</a>
+          <a class="col s12 waves-effect waves-light btn {{color}}" onclick="send('c{{user.0.id}}')"><i class="material-icons left">star_border</i>Capo/non</a>
         </div>
         <br><br>
         {% endif %}
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>