update links colours

public/images/plus.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-plus" viewBox="0 0 16 16">
+  <path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z"/>
+</svg>

public/styles/main.css

@@ -25,7 +25,9 @@ h1 {
 }
 
 a {
-    color: var(--color-primary)
+    color: var(--color-primary);
+    text-decoration: none;
+    border-bottom: 2px solid var(--color-hightlight-2);
 }
 
 p.feedback {
@@ -93,6 +95,13 @@ nav.main a {
     color: var(--color-contrast);
 }
 
+nav.main a img {
+    filter: invert(100%);
+    width: 1.4em;
+    margin-bottom: -.3em;
+}
+
+
 nav.main ul {
     list-style: none;
     padding: 0;

templates/bases/app.html

@@ -27,7 +27,7 @@
                 {% endfor %}
                     <li>
                         {{ macros::nav_link(
-                            content="Ajouter une zone",
+                            safe_content='<img alt="" src="/images/plus.svg"> Ajouter une zone',
                             href="/zones/new",
                             current_page=nav_page,
                             section="_new-zone",

templates/macros.html

@@ -1,4 +1,4 @@
-{% macro nav_link(content, href, current_page, section=False, current_sections=False, props='') %}
+{% macro nav_link(content, href, current_page, content='', safe_content='', section=False, current_sections=False, props='') %}
 <a
     href="{{ href }}"
     {{ props }}
@@ -7,5 +7,5 @@
     {% elif section and section in current_sections %}
         aria-current="location"
     {% endif %}
->{{ content }}</a>
+>{{ content }}{{ safe_content | safe }}</a>
 {% endmacro nav_link %}