aboutsummaryrefslogtreecommitdiffstats
path: root/templates/registration
diff options
context:
space:
mode:
authorAndrea Lepori <alepori@student.ethz.ch>2020-08-31 15:52:14 +0200
committerAndrea Lepori <alepori@student.ethz.ch>2020-08-31 15:52:14 +0200
commit0ba22318c4ac4b03d50030c5ada27b639d033a40 (patch)
tree3ca567148611c66cea1e2ee0ad4ced5b67f1ab80 /templates/registration
parentgraghics improvement for mobile, and more modular (diff)
downloadscout-subs-0ba22318c4ac4b03d50030c5ada27b639d033a40.tar.gz
scout-subs-0ba22318c4ac4b03d50030c5ada27b639d033a40.zip
variables for accent color
Diffstat (limited to '')
-rw-r--r--templates/registration/base_admin.html33
-rw-r--r--templates/registration/base_client.html33
-rw-r--r--templates/registration/base_simple.html31
-rw-r--r--templates/registration/login.html2
-rw-r--r--templates/registration/password_reset_confirm.html2
-rw-r--r--templates/registration/password_reset_form.html2
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>