changes brand color on navbar and corrects anchor position on footer image

Author: Pablo Ruiz Fabo

_includes/footer.liquid

@@ -24,10 +24,12 @@
   </div>
   <div class="d-flex align-items-center inherit-text">
     <div class="inherit-text">Grant ID: <a href="https://cordis.europa.eu/project/id/101149659">101149659 MSCA-PF</a></div>
+    <a href="https://cordis.europa.eu/project/id/101149659">
     <picture>
-    <source srcset="{{ '/assets/img/EN_Fundedbythe_EU_RGB_NEG_1_ec46d91d38.png' | relative_url }}" media="(prefers-color-scheme: dark)">
-    <a href="https://cordis.europa.eu/project/id/101149659"><img src="{{ '/assets/img/EN_Fundedbythe_EU_RGB_NEG_1_ec46d91d38.png' | relative_url }}" alt="EU Funded" style="height: 40px;margin-left:2rem;"></a>
+    <source srcset="{{ '/assets/img/EN_Fundedbythe_EU_RGB_NEG_1_ec46d91d38_dark_text.png' | relative_url }}" media="(prefers-color-scheme: dark)">
+    <img src="{{ '/assets/img/EN_Fundedbythe_EU_RGB_NEG_1_ec46d91d38.png' | relative_url }}" alt="EU Funded" style="height: 40px;margin-left:2rem;">
     </picture>
+    </a>
   </div>
 </div>
   </footer>

_includes/header.liquid

@@ -17,7 +17,7 @@
               {{- site.last_name -}}
             {% endif %}
           {% else %}
-              <span class="font-weight-bold">
+              <span class="font-weight-bold theme-color">
                 {{- site.project_title -}}
               </span>
           {% endif %}

_layouts/about.liquid

@@ -8,7 +8,7 @@ layout: default
         <span class="font-weight-bold">{{ site.first_name }}</span> {{ site.middle_name }}
         {{ site.last_name }}
       {% else %}
-        {{ site.title }}
+        <span>{{ site.title }}</span>
       {% endif %}
     </h1>
     <p class="desc">{{ page.subtitle }}</p>

_sass/_themes.scss

@@ -159,3 +159,7 @@ html[data-theme-setting="light"] {
     display: block;
   }
 }
+
+.theme-color{
+  color: var(--global-theme-color);
+}