diff --git a/config/themes/modern/theme.yaml b/config/themes/modern/theme.yaml
index 0dc980d..3f331f5 100644
--- a/config/themes/modern/theme.yaml
+++ b/config/themes/modern/theme.yaml
@@ -7,7 +7,7 @@ colors:
   primary_dark: '#005384'
   secondary: '#00b0f0'
   accent: '#ffc700'
-  text_dark: '#333'
+  text_dark: '#616161'
   background: '#fff'
   browser_color: '#fff'
 favicon:
diff --git a/config/themes/typewriter/theme.yaml b/config/themes/typewriter/theme.yaml
index bb4846e..7a30379 100644
--- a/config/themes/typewriter/theme.yaml
+++ b/config/themes/typewriter/theme.yaml
@@ -7,7 +7,7 @@ colors:
   primary_dark: '#005384'
   secondary: '#00b0f0'
   accent: '#ffc700'
-  text_dark: '#333'
+  text_dark: '#616161'
   background: '#fff'
   browser_color: '#fff'
 favicon:
diff --git a/src/public/style/style.css b/src/public/style/style.css
index aa1eac1..e92ecfc 100644
--- a/src/public/style/style.css
+++ b/src/public/style/style.css
@@ -8,7 +8,7 @@
   --color-primary-dark: #005384;
   --color-secondary: #00b0f0;
   --color-accent: #ffc700;
-  --color-text-dark: #333333;
+  --color-text-dark: #616161;
   --color-background: #ffffff;
 }
 
@@ -173,6 +173,9 @@ h2 {
   visibility: hidden;
 }
 
+.nav-separator {
+	color: var(--color-accent);
+}
 /* animation */
 
 .appear {
@@ -393,7 +396,6 @@ h2 {
 }
 
 .navigation-bottom-link {
-	color:var(--color-accent);
 	font-size: 12px;
 }
 
@@ -447,6 +449,10 @@ h2 {
 	margin: 0 100px;
 }
 
+.legals-content p {
+	color: var(--color-text-dark);
+}
+
 /* responsive */
 
 @media (max-width: 1000px) {
diff --git a/src/templates/footer.html b/src/templates/footer.html
index 0c0a8fd..0c27b01 100644
--- a/src/templates/footer.html
+++ b/src/templates/footer.html
@@ -11,8 +11,8 @@
           </ul>
         </div>
         <div class="inner bottom-link appear">
-          <p class="navigation-subtitle appear">{{ copyright }}</p>
-          <p class="navigation-bottom-link appear"><a href="{{ legal_link }}">{{ legal_label }}</a></p>
+          <p><span class="navigation-subtitle appear">{{ copyright }}</span><span class="nav-separator"> • </span><span class="navigation-bottom-link appear"><a href="{{ legal_link }}">{{ legal_label }}</a></span></p>
+          <p class="navigation-subtitle appear"> Built with <a href="https://git.djeex.fr/Djeex/lumeex">Lumeex</a></p>
         </div>
       </div>
     </div>