aboutsummaryrefslogtreecommitdiffstats
path: root/templates/registration/base_client.html
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/base_client.html
parentgraghics improvement for mobile, and more modular (diff)
downloadscout-subs-0ba22318c4ac4b03d50030c5ada27b639d033a40.tar.gz
scout-subs-0ba22318c4ac4b03d50030c5ada27b639d033a40.zip
variables for accent color
Diffstat (limited to 'templates/registration/base_client.html')
-rw-r--r--templates/registration/base_client.html33
1 files changed, 31 insertions, 2 deletions
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