fix accessibility contrast ratio

elfenlaid · Jun 29, 2021 · 5e71851 · 5e71851 · vercel · Jun 29, 2021
1 parent 8e29076
commit 5e71851
Show file tree

Hide file tree

Showing 6 changed files with 6 additions and 6 deletions.
diff --git a/site/_includes/header.njk b/site/_includes/header.njk
@@ -19,7 +19,7 @@
 
     <nav class="mt-4 space-x-4 md:ml-24">
       {% for link in navigation.links %}
-        <a href="{{ link.url | url }}" class="{% if page.url == link.url %} text-gray-800 dark:text-white {% else %} text-gray-500 dark:text-gray-400 {% endif %};">{{ link.title }}</a>
+        <a href="{{ link.url | url }}" class="{% if page.url == link.url %} text-gray-800 dark:text-white {% else %} text-gray-500 dark:text-gray-500 {% endif %};">{{ link.title }}</a>
       {% endfor %}
     </nav>
   </div>

diff --git a/site/_includes/layouts/post.njk b/site/_includes/layouts/post.njk
@@ -7,7 +7,7 @@ layout: "layouts/base.njk"
 
   <div class="my-2 flex flex-col space-y-6">
     {%- if date %}
-      <div class="flex items-center space-x-2 text-gray-400 text-sm font-light">
+      <div class="flex items-center space-x-2 text-gray-500 text-sm font-light">
         <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
           <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path>
         </svg>

diff --git a/site/_includes/posts-list.njk b/site/_includes/posts-list.njk
@@ -9,7 +9,7 @@
         <p class="mt-1 font-light text-gray-500">{{ post.data.subtitle }}</p>
       {% endif %}
 
-      <div class="mt-2 flex items-center space-x-2 text-gray-400 text-sm font-light">
+      <div class="mt-2 flex items-center space-x-2 text-gray-500 text-sm font-light">
         <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
           <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path>
         </svg>

diff --git a/site/_includes/tags-list.njk b/site/_includes/tags-list.njk
@@ -2,7 +2,7 @@
   {% for tag in tagsList %}
     {% set tagUrl %}/tags/{{ tag | slug }}/{% endset %}
     <a class="border-gray-300 hover:border-gray-500 rounded-full border mr-1 mb-1" href="{{ tagUrl | url }}">
-      <div class="px-2 py-1 flex items-center text-gray-400 hover:text-gray-500 text-sm font-light">
+      <div class="px-2 py-1 flex items-center text-gray-500 hover:text-gray-600 text-sm font-light">
         <span class="whitespace-pre">{{ tag }}</span>
       </div>
     </a>

diff --git a/site/about.md b/site/about.md
@@ -3,7 +3,7 @@ layout: layouts/home.njk
 title: About
 ---
 
-<div class="max-w-lg dark:text-gray-400 space-y-4 text-md">
+<div class="max-w-lg dark:text-gray-500 space-y-4 text-md">
 
 Hello 👋 I'm {{ metadata.author.name }}, past denial, anger, and bargaining phases iOS developer. Nowadays, I'm dealing mostly with depression and acceptance :)
 

diff --git a/site/tag.njk b/site/tag.njk
@@ -12,7 +12,7 @@ permalink: /tags/{{ tag | slug }}/
 
 <div class="mb-10">
   <h1 class="text-3xl font-semibold mb-1">Tagged "{{ tag }}"</h1>
-  <a href="{{ '/tags/' | url }}" class="text-gray-400 text-sm font-light hover:underline">See all tags →</a>
+  <a href="{{ '/tags/' | url }}" class="text-gray-500 text-sm font-light hover:underline">See all tags →</a>
 </div>
 
 {% set postsList = collections[tag] %}