diff --git a/src/App.vue b/src/App.vue
index fb23bcf4584f3d5cca71d5daa617375e1ee75f00..978aa553a5f20f8a58501f599b294c5c7819aee0 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -51,7 +51,7 @@
   font-family: NotoParen, 'Noto Sans', Helvetica, Arial, sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  color: #2c3e50;
+  color: var(--v-text-base);
   display: flex;
   flex-direction: column;
   height: 100%;
diff --git a/src/components/Article.vue b/src/components/Article.vue
index f73feba4fac4632897aecdc3709e72735441c7b3..e9198d90c7599edc2e57c7ab2b5eb84b2b67b830 100644
--- a/src/components/Article.vue
+++ b/src/components/Article.vue
@@ -124,12 +124,12 @@ article {
   padding: 24px;
   margin: 10px;
   border-radius: 30px;
-  border: solid 1px var(--v-primary-base);
-  background-color: var(--v-tertiary-base);
+  border: solid 1px var(--v-border-base);
+  background-color: #ffffff;
 }
 
 #single_article_container article {
-  border-style: none;
+  border: solid 2px var(--v-primary-base);
 }
 
 .fade {
@@ -141,7 +141,7 @@ section {
 }
 
 h3 {
-  color: #560027;
+  color: var(--v-primary-base);
   font-variant: small-caps;
 }
 
diff --git a/src/components/Header.vue b/src/components/Header.vue
index add7d90232888e22b9117ba0c92b093c47d0319c..8193e4224ad22e6487c4428411513a1505814414 100644
--- a/src/components/Header.vue
+++ b/src/components/Header.vue
@@ -98,9 +98,6 @@ export default {
 
 <style>
 
-article (table, th, td) {
-  border: solid 1px;
-}
 
 summary {
   width: 30em;
@@ -216,7 +213,7 @@ details > summary::-webkit-details-marker {
   background-color: #ffffff;
   border: solid 1px;
   color: var(--v-primary-base);
-  border-color: var(--v-primary-base);
+  border-color: var(--v-border-base);
   border-radius: 10px;
   padding: 10px;
   width: min-content;
@@ -235,16 +232,17 @@ div.lemma {
 table {
   border-collapse: collapse;
   margin-top: 5px;
+  border-color: var(--v-primary-base);
 }
 
 th, td {
   border: solid 1px;
-  border-color: var(--v-primary-base);
   padding: 5px;
 }
 
 th {
-  background-color: var(--v-tertiary-darken1)
+  background-color: var(--v-tertiary-darken1);
+  color: var(--v-primary-darken1);
 }
 
 .infl-label {
diff --git a/src/plugins/vuetify.js b/src/plugins/vuetify.js
index 5b2e8de60e4e50014f4e0f2bff46d6712758ebe7..8c16122517c4b13fe266731c1fba398f833a3ce6 100644
--- a/src/plugins/vuetify.js
+++ b/src/plugins/vuetify.js
@@ -51,7 +51,9 @@ export default new Vuetify({
         secondary: '#BC477B',
         tertiary: '#FDF4F5',
         anchor: '#560027',
-        error: '#FDF4F5'
+        error: '#FDF4F5',
+        border: '#9E9E9E',
+        text: '#2c3e50'
       }
     }
    },