diff options
| author | Andrea Lepori <alepori@student.ethz.ch> | 2020-08-31 17:35:31 +0200 |
|---|---|---|
| committer | Andrea Lepori <alepori@student.ethz.ch> | 2020-08-31 17:35:31 +0200 |
| commit | 093c9cac7d1683fbb4ffaf517b9787078b7ae8c2 (patch) | |
| tree | ec449121b89f9629fff9b03898be65fe0f7779b4 /templates/registration/base_client.html | |
| parent | variables for accent color (diff) | |
| download | scout-subs-093c9cac7d1683fbb4ffaf517b9787078b7ae8c2.tar.gz scout-subs-093c9cac7d1683fbb4ffaf517b9787078b7ae8c2.zip | |
change accent color, apply color to more component
Diffstat (limited to '')
| -rw-r--r-- | templates/registration/base_client.html | 53 |
1 files changed, 47 insertions, 6 deletions
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> |