From 08bf89c108ea4a119b66e28b46ecd8bda68474d2 Mon Sep 17 00:00:00 2001
From: "Henrik.Askjer" <henrik.askjer@uib.no>
Date: Mon, 16 Aug 2021 09:58:18 +0200
Subject: [PATCH] Style changes

---
 src/App.vue                |  2 +-
 src/components/Article.vue |  8 ++++----
 src/components/Header.vue  | 10 ++++------
 src/plugins/vuetify.js     |  4 +++-
 4 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index fb23bcf..978aa55 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 f73feba..e9198d9 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 add7d90..8193e42 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 5b2e8de..8c16122 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'
       }
     }
    },
-- 
GitLab