improve contrast

yyx990803 · yyx990803 · commit ff8167371a07 · 2017-04-26T19:18:34.000+08:00
diff --git a/src/App.vue b/src/App.vue
@@ -10,7 +10,7 @@
         <router-link to="/show">Show</router-link>
         <router-link to="/ask">Ask</router-link>
         <router-link to="/job">Jobs</router-link>
-        <a class="github" href="https://github.com/vuejs/vue-hackernews-2.0" target="_blank">
+        <a class="github" href="https://github.com/vuejs/vue-hackernews-2.0" target="_blank" rel="noopener">
           Built with Vue.js
         </a>
       </nav>
diff --git a/src/components/Comment.vue b/src/components/Comment.vue
@@ -50,9 +50,9 @@ export default {
     font-size .9em
     margin 1em 0
   .by
-    color #999
+    color #828282
     a
-      color #999
+      color #828282
       text-decoration underline
   .text
     overflow-wrap break-word
@@ -65,7 +65,7 @@ export default {
     padding .3em .5em
     border-radius 4px
     a
-      color #999
+      color #828282
       cursor pointer
     &.open
       padding 0
diff --git a/src/components/Item.vue b/src/components/Item.vue
@@ -58,9 +58,9 @@ export default {
     margin-top -10px
   .meta, .host
     font-size .85em
-    color #999
+    color #828282
     a
-      color #999
+      color #828282
       text-decoration underline
       &:hover
         color #ff6600
diff --git a/src/views/ItemView.vue b/src/views/ItemView.vue
@@ -100,7 +100,7 @@ function fetchComments (store, item) {
     margin 0
     margin-right .5em
   .host, .meta, .meta a
-    color #999
+    color #828282
   .meta a
     text-decoration underline
 
