diff --git a/src/App.vue b/src/App.vue
index 7e13846012f174ee7c5d70ae505e524c271c6210..5c9d993c6172d4ef76ddc16feb5ee8d884812e85 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -320,12 +320,12 @@ body {
 h1 {
   font-family: Inria Serif;
   font-size: 36px;
-  color: #560027;
+  color: var(--v-primary-base);
 }
 
 
 header > h1 > a {
-  color: #BC477B !important;
+  color: var(--v-secondary-base) !important;
   font-size: 40px;
   margin: 0px;
   text-decoration: none;
@@ -338,7 +338,7 @@ p.about-link {
 }
 
 header > p > a {
-  color: #FDF4F5   !important;
+  color: var(--v-tertiary-base)   !important;
   text-decoration: none;
 }
 
@@ -348,15 +348,15 @@ span.beta {
 
 p.about-link > a{
   text-decoration: none;
-  border-bottom: solid #BC477B 4px;
+  border-bottom: solid var(--v-secondary-base) 4px;
   font-size: 12px;
-  color: #FDF4F5;
+  color: var(--v-tertiary-base);
 }
 
 main {
   padding-bottom: 20px;
   flex: 1 0 auto;
-  background-color: #FDF4F5;
+  background-color: var(--v-tertiary-base);
 }
 
 main.welcome {