From 68ef0e0fcbc778e40fffd409fd86602146ed86bc Mon Sep 17 00:00:00 2001
From: Roman Cervantes <romancm@gmail.com>
Date: Wed, 27 Nov 2019 20:31:58 -0700
Subject: [PATCH] Added pseudo-stroke to header text

---
 src/components/NavHeader.vue  | 9 ++++++++-
 src/styles/themes/hyrule.scss | 2 +-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/components/NavHeader.vue b/src/components/NavHeader.vue
index b8f8d7b1..a7ef720f 100755
--- a/src/components/NavHeader.vue
+++ b/src/components/NavHeader.vue
@@ -7,7 +7,7 @@
     >
       <img src="/static/gamebrary-logo.png" >
 
-      {{ title }}
+      <span>{{ title }}</span>
     </router-link>
 
     <settings v-if="showSettings" />
@@ -79,6 +79,13 @@ export default {
       margin-left: -$gp;
       text-transform: capitalize;
 
+      > span {
+        text-shadow: -1px -1px 0 var(--body-background),
+          1px -1px 0 var(--body-background),
+          -1px 1px 0 var(--body-background),
+          1px 1px 0 var(--body-background);
+      }
+
       img {
         height: 24px;
         margin-right: $gp / 4;
diff --git a/src/styles/themes/hyrule.scss b/src/styles/themes/hyrule.scss
index fb81a994..623949e3 100644
--- a/src/styles/themes/hyrule.scss
+++ b/src/styles/themes/hyrule.scss
@@ -4,7 +4,7 @@
     --danger-text-color: #{darken(#ea550b, 30%)};
     --game-card-background: #{lighten(#714a2f, 5%)};
     --game-card-text-color: #{lighten(#714a2f, 50%)};
-    --header-text-color: #{darken(#287135, 15%)};
+    --header-text-color: #{lighten(#0e5135, 50%)};
     --accent-color: #ffda00;
     --list-background: #{darken(#714a2f, 5%)};
     --list-header-background: #{darken(#714a2f, 10%)};