Style changes

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%;

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;
 }
 

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 {

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'
       }
     }
    },