Add colors to slogan

i18n/en.yaml

@@ -1,5 +1,6 @@
 - id: slogan
-  translation: "Manage all your domain names in one place."
+  translation: |
+    <span class="font-weight-bolder" style="color: var(--secondary-subtle)">All</span> your domain names<br><span class="font-weight-bolder" style="color: var(--secondary-subtle)">in one</span> place.
 
 - id: lead
   translation: "is a free web application that centralizes the management of your domain names from different registrars and hosts."

i18n/fr.yaml

@@ -1,5 +1,6 @@
 - id: slogan
-  translation: "Gérez tous vos noms de domaine en un seul endroit."
+  translation: |
+    <span class="font-weight-bolder" style="color: var(--secondary-subtle)">Tous</span> vos noms de domaine<br>en <span class="font-weight-bolder" style="color: var(--secondary-subtle)">un seul</span> endroit.
 
 - id: lead
   translation: "est une application web libre qui centralise la gestion de vos noms de domaine provenant de différents bureaux d'enregistrement et hébergeurs."

layouts/partials/jumbo.html

@@ -6,7 +6,7 @@
       </div>
       <div class="col">
         <h2 class="display-4 text-center text-dark font-weight-bold">
-          {{ i18n "slogan" }}
+          {{ i18n "slogan" | safeHTML }}
         </h2>
         <p class="mt-5 lead text-center text-muted">
           happy<strong>Domain</strong>

static/css/custom.css

@@ -5,6 +5,7 @@
     --primary-ultralight: #e7f7f2;
     --secondary: #360b48;
     --secondary-dark: #29083a;
+    --secondary-subtle: #871cb4;
     --secondary-light: #4e1566;
     --secondary-ultralight: #f0e6f3;
     --dark: #2c3e50;