accessibility improvements

components/Item.vue

@@ -47,7 +47,7 @@ export default {
   position relative
   line-height 20px
   .score
-    color #ff6600
+    color #C75000
     font-size 1.1em
     font-weight 700
     position absolute
@@ -58,10 +58,10 @@ export default {
     margin-top -10px
   .meta, .host
     font-size .85em
-    color #828282
+    color #595959
     a
-      color #828282
+      color #595959
       text-decoration underline
       &:hover
-        color #ff6600
+        color #C75000
 </style>

components/ItemList.vue

@@ -116,7 +116,7 @@ export default {
   a
     margin 0 1em
   .disabled
-    color #ccc
+    color #595959
 
 .news-list
   position absolute

layouts/default.vue

@@ -37,7 +37,7 @@
     z-index: 1000 !important
 
   .header
-    background-color #41B883
+    background-color #2B8358
     position fixed
     z-index 999
     height 55px
@@ -50,7 +50,7 @@
       margin 0px auto
       padding 15px 5px
     a
-      color rgba(255, 255, 255, .8)
+      color #fff
       line-height 24px
       transition color .15s ease
       display inline-block

nuxt.config.js

@@ -22,7 +22,7 @@ module.exports = {
   manifest: {
     name: 'Nuxt Hacker News',
     description: 'HackerNews clone built with Nuxt.js',
-    theme_color: '#41b883'
+    theme_color: '#2B8358'
   },
   modules: [
     '@nuxtjs/pwa',

pages/item/_id.vue

@@ -103,7 +103,7 @@
       margin 0
       margin-right .5em
     .host, .meta, .meta a
-      color #828282
+      color #595959
     .meta a
       text-decoration underline