From 093c9cac7d1683fbb4ffaf517b9787078b7ae8c2 Mon Sep 17 00:00:00 2001
From: Andrea Lepori <alepori@student.ethz.ch>
Date: Mon, 31 Aug 2020 17:35:31 +0200
Subject: change accent color, apply color to more component

---
 client/templates/client/doc_create.html |  8 ++---
 client/templates/client/doc_edit.html   |  4 +--
 templates/registration/base_admin.html  | 47 +++++++++++++++++++++++++++--
 templates/registration/base_client.html | 53 +++++++++++++++++++++++++++++----
 templates/registration/base_simple.html | 53 +++++++++++++++++++++++++++++----
 5 files changed, 144 insertions(+), 21 deletions(-)

diff --git a/client/templates/client/doc_create.html b/client/templates/client/doc_create.html
index d7c3edd..18940d8 100644
--- a/client/templates/client/doc_create.html
+++ b/client/templates/client/doc_create.html
@@ -26,10 +26,10 @@
                 <label>Documento</label>
               </div>
             </div>
-            <a class="btn waves-effect waves-light" onclick="window.history.back();" >
+            <a class="btn waves-effect waves-light {{color}}" onclick="window.history.back();" >
               <i class="material-icons left">navigate_before</i>Indietro
             </a>
-            <a class="btn waves-effect waves-light" onclick="send('details')" >Avanti
+            <a class="btn waves-effect waves-light {{color}}" onclick="send('details')" >Avanti
               <i class="material-icons right">navigate_next</i>
             </a>
           {% else %}
@@ -94,10 +94,10 @@
             <div class="row">
               <div class="col s12">
                 <br>
-                <a class="btn waves-effect waves-light" onclick="window.history.back();" >
+                <a class="btn waves-effect waves-light {{color}}" onclick="window.history.back();" >
                   <i class="material-icons left">navigate_before</i>Indietro
                 </a>
-                <a class="btn waves-effect waves-light" onclick="send('save')" >Crea
+                <a class="btn waves-effect waves-light {{color}}" onclick="send('save')" >Crea
                   <i class="material-icons right">create</i>
                 </a>
               </div>
diff --git a/client/templates/client/doc_edit.html b/client/templates/client/doc_edit.html
index 87efee4..278f34c 100644
--- a/client/templates/client/doc_edit.html
+++ b/client/templates/client/doc_edit.html
@@ -74,10 +74,10 @@
           <div class="row">
             <div class="col s12">
               <br>
-              <a class="btn waves-effect waves-light" onclick="window.history.back();" >
+              <a class="btn waves-effect waves-light {{color}}" onclick="window.history.back();" >
                 <i class="material-icons left">navigate_before</i>Indietro
               </a>
-              <a class="btn waves-effect waves-light" onclick="send('save')" >Salva
+              <a class="btn waves-effect waves-light {{color}}" onclick="send('save')" >Salva
                 <i class="material-icons right">save</i>
               </a>
             </div>
diff --git a/templates/registration/base_admin.html b/templates/registration/base_admin.html
index 4a12892..6d5d590 100644
--- a/templates/registration/base_admin.html
+++ b/templates/registration/base_admin.html
@@ -8,11 +8,16 @@
   <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 {
+    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]) {
+    input[type=text]:focus, .materialize-textarea:focus:not([readonly]) {
+      border-bottom: 1px solid {{hexcolor}} !important;
+      box-shadow: 0 1px 0 0 {{hexcolor}} !important;
+    }
+
+    input[type=password]:focus, .materialize-textarea:focus:not([readonly]) {
       border-bottom: 1px solid {{hexcolor}} !important;
       box-shadow: 0 1px 0 0 {{hexcolor}} !important;
     }
@@ -29,6 +34,42 @@
     .switch label input[type="checkbox"]:checked + .lever::after {
       background-color: {{hexcolor}};
     }
+
+    .progress .indeterminate {
+      background-color: {{hexcolor}};
+    }
+
+    .progress .determinate {
+      background-color: {{hexcolor}};
+    }
+
+    .progress {
+      background-color: {{hexlightcolor}};
+    }
+
+    .dropdown-content li > a, .dropdown-content li > span {
+      color: {{hexcolor}};
+    }
+
+    .datepicker-date-display {
+      background-color: {{hexcolor}};
+    }
+
+    .datepicker-table td.is-selected {
+      background-color: {{hexcolor}};
+    }
+
+    .datepicker-table td.is-today {
+      color: {{hexcolor}};
+    }
+
+    .datepicker-cancel, .datepicker-today, .datepicker-done {
+      color: black;
+    }
+
+    blockquote {
+      border-left: 5px solid {{hexcolor}};
+    }
   </style>
   <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
   <meta charset="utf-8">
@@ -66,7 +107,7 @@
     {% endblock %}
   </nav>
 
-  <main style="margin-left: 10px;margin-right: 10px;margin-top: 10px;">
+  <main id="main" style="margin-left: 10px;margin-right: 10px;margin-top: 10px;">
     {% block content %}
     {% endblock %}
   </main>
diff --git a/templates/registration/base_client.html b/templates/registration/base_client.html
index 8155e88..3957c9c 100644
--- a/templates/registration/base_client.html
+++ b/templates/registration/base_client.html
@@ -1,6 +1,6 @@
-{% with color="teal" %}
-{% with hexcolor="#009688" %}
-{% with hexlightcolor="#80cbc4" %}
+{% with color="light-blue darken-4" %}
+{% with hexcolor="#01579b" %}
+{% with hexlightcolor="#039be5" %}
 <!DOCTYPE html>
 <html>
 <head>
@@ -8,11 +8,16 @@
   <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 {
+    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]) {
+    input[type=text]:focus, .materialize-textarea:focus:not([readonly]) {
+      border-bottom: 1px solid {{hexcolor}} !important;
+      box-shadow: 0 1px 0 0 {{hexcolor}} !important;
+    }
+
+    input[type=password]:focus, .materialize-textarea:focus:not([readonly]) {
       border-bottom: 1px solid {{hexcolor}} !important;
       box-shadow: 0 1px 0 0 {{hexcolor}} !important;
     }
@@ -29,6 +34,42 @@
     .switch label input[type="checkbox"]:checked + .lever::after {
       background-color: {{hexcolor}};
     }
+
+    .progress .indeterminate {
+      background-color: {{hexcolor}};
+    }
+
+    .progress .determinate {
+      background-color: {{hexcolor}};
+    }
+
+    .progress {
+      background-color: {{hexlightcolor}};
+    }
+
+    .dropdown-content li > a, .dropdown-content li > span {
+      color: {{hexcolor}};
+    }
+
+    .datepicker-date-display {
+      background-color: {{hexcolor}};
+    }
+
+    .datepicker-table td.is-selected {
+      background-color: {{hexcolor}};
+    }
+
+    .datepicker-table td.is-today {
+      color: {{hexcolor}};
+    }
+
+    .datepicker-cancel, .datepicker-today, .datepicker-done {
+      color: black;
+    }
+
+    blockquote {
+      border-left: 5px solid {{hexcolor}};
+    }
   </style>
   <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
   <meta charset="utf-8">
@@ -66,7 +107,7 @@
     {% endblock %}
   </nav>
 
-  <main style="margin-left: 10px;margin-right: 10px;margin-top: 10px;">
+  <main id="main" style="margin-left: 10px;margin-right: 10px;margin-top: 10px;">
     {% block content %}
     {% endblock %}
   </main>
diff --git a/templates/registration/base_simple.html b/templates/registration/base_simple.html
index f8c74bc..6fcd1da 100644
--- a/templates/registration/base_simple.html
+++ b/templates/registration/base_simple.html
@@ -1,6 +1,6 @@
-{% with color="teal" %}
-{% with hexcolor="#009688" %}
-{% with hexlightcolor="#80cbc4" %}
+{% with color="light-blue darken-4" %}
+{% with hexcolor="#01579b" %}
+{% with hexlightcolor="#039be5" %}
 <!DOCTYPE html>
 <html>
 <head>
@@ -8,11 +8,16 @@
   <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 {
+    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]) {
+    input[type=text]:focus, .materialize-textarea:focus:not([readonly]) {
+      border-bottom: 1px solid {{hexcolor}} !important;
+      box-shadow: 0 1px 0 0 {{hexcolor}} !important;
+    }
+
+    input[type=password]:focus, .materialize-textarea:focus:not([readonly]) {
       border-bottom: 1px solid {{hexcolor}} !important;
       box-shadow: 0 1px 0 0 {{hexcolor}} !important;
     }
@@ -29,13 +34,49 @@
     .switch label input[type="checkbox"]:checked + .lever::after {
       background-color: {{hexcolor}};
     }
+
+    .progress .indeterminate {
+      background-color: {{hexcolor}};
+    }
+
+    .progress .determinate {
+      background-color: {{hexcolor}};
+    }
+
+    .progress {
+      background-color: {{hexlightcolor}};
+    }
+
+    .dropdown-content li > a, .dropdown-content li > span {
+      color: {{hexcolor}};
+    }
+
+    .datepicker-date-display {
+      background-color: {{hexcolor}};
+    }
+
+    .datepicker-table td.is-selected {
+      background-color: {{hexcolor}};
+    }
+
+    .datepicker-table td.is-today {
+      color: {{hexcolor}};
+    }
+
+    .datepicker-cancel, .datepicker-today, .datepicker-done {
+      color: black;
+    }
+
+    blockquote {
+      border-left: 5px solid {{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>
-  <main style="margin-left: 10px;margin-right: 10px;margin-top: 10px;">
+  <main id="main" style="margin-left: 10px;margin-right: 10px;margin-top: 10px;">
     {% block content %}
     {% endblock %}
   </main>
-- 
cgit v1.2.1