diff --git a/wp-content/themes/wp-tailwind/footer.php b/wp-content/themes/wp-tailwind/footer.php
index fee9215..7ee89fc 100644
--- a/wp-content/themes/wp-tailwind/footer.php
+++ b/wp-content/themes/wp-tailwind/footer.php
@@ -1,5 +1,5 @@
       <footer class="pt-24 pb-16">
-        <p class="text-grey-darker">
+        <p class="text-gray-600">
           <?php bloginfo('slogan'); ?>,
 
           <a href="<?php echo esc_url(__('https://wordpress.org/', 'twentynineteen')); ?>">
diff --git a/wp-content/themes/wp-tailwind/header.php b/wp-content/themes/wp-tailwind/header.php
index 4da8f63..bca6aaf 100644
--- a/wp-content/themes/wp-tailwind/header.php
+++ b/wp-content/themes/wp-tailwind/header.php
@@ -11,7 +11,7 @@
         <p class="text-2xl">
           <?php bloginfo('slogan'); ?>
 
-          <span class="font-serif font-thin text-grey-darker">
+          <span class="font-serif font-thin text-gray-600">
             &mdash; <?php bloginfo('description'); ?>
           </span>
         </p>
diff --git a/wp-content/themes/wp-tailwind/index.php b/wp-content/themes/wp-tailwind/index.php
index 7ff9ddf..2e66e16 100644
--- a/wp-content/themes/wp-tailwind/index.php
+++ b/wp-content/themes/wp-tailwind/index.php
@@ -2,7 +2,7 @@
 
 <?php
 if ( have_posts() ) : ?>
-  <div class="w-12 block border-t-2 border-grey-darker mb-6"></div>
+  <div class="w-12 block border-t-2 border-gray-600 mb-6"></div>
 
   <?php
   while ( have_posts() ) : the_post(); ?>
@@ -19,25 +19,25 @@ if ( have_posts() ) : ?>
       </div>
     </div>
 
-    <footer class="text-grey-darker my-10">
+    <footer class="text-gray-600 my-10">
       <ul class="list-reset flex flex-wrap">
         <li class="flex items-center mr-5 mb-2">
-          <svg class="fill-current text-grey-darker mr-2" width="16" height="16" aria-hidden="true" role="img" focusable="false" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"></path><path d="M0 0h24v24H0z" fill="none"></path></svg>
+          <svg class="fill-current text-gray-600 mr-2" width="16" height="16" aria-hidden="true" role="img" focusable="false" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"></path><path d="M0 0h24v24H0z" fill="none"></path></svg>
           <a href="#0">oliver</a>
         </li>
 
         <li class="flex items-center mr-5 mb-2">
-          <svg class="fill-current text-grey-darker mr-2" width="16" height="16" aria-hidden="true" role="img" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><defs><path id="a" d="M0 0h24v24H0V0z"></path></defs><clipPath id="b"><use xlink:href="#a" overflow="visible"></use></clipPath><path clip-path="url(#b)" d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm4.2 14.2L11 13V7h1.5v5.2l4.5 2.7-.8 1.3z"></path></svg>
+          <svg class="fill-current text-gray-600 mr-2" width="16" height="16" aria-hidden="true" role="img" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><defs><path id="a" d="M0 0h24v24H0V0z"></path></defs><clipPath id="b"><use xlink:href="#a" overflow="visible"></use></clipPath><path clip-path="url(#b)" d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm4.2 14.2L11 13V7h1.5v5.2l4.5 2.7-.8 1.3z"></path></svg>
           <span>March 12, 2019</span>
         </li>
 
         <li class="flex items-center mr-5 mb-2">
-          <svg class="fill-current text-grey-darker mr-2" width="16" height="16" aria-hidden="true" role="img" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M10 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z"></path><path d="M0 0h24v24H0z" fill="none"></path></svg>
+          <svg class="fill-current text-gray-600 mr-2" width="16" height="16" aria-hidden="true" role="img" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M10 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z"></path><path d="M0 0h24v24H0z" fill="none"></path></svg>
           <span>Uncategorized</span>
         </li>
 
         <li class="flex items-center mr-5 mb-2">
-          <svg class="fill-current text-grey-darker mr-2" width="16" height="16" aria-hidden="true" role="img" focusable="false" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M21.99 4c0-1.1-.89-2-1.99-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h14l4 4-.01-18z"></path><path d="M0 0h24v24H0z" fill="none"></path></svg>
+          <svg class="fill-current text-gray-600 mr-2" width="16" height="16" aria-hidden="true" role="img" focusable="false" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M21.99 4c0-1.1-.89-2-1.99-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h14l4 4-.01-18z"></path><path d="M0 0h24v24H0z" fill="none"></path></svg>
           <a href="#0">1 Comment</a>
         </li>
       </ul>
diff --git a/wp-content/themes/wp-tailwind/src/css/style.css b/wp-content/themes/wp-tailwind/src/css/style.css
index 1128699..daab735 100644
--- a/wp-content/themes/wp-tailwind/src/css/style.css
+++ b/wp-content/themes/wp-tailwind/src/css/style.css
@@ -1,12 +1,12 @@
 @tailwind base;
 
 a {
-  @apply text-grey-darker no-underline
+  @apply text-gray-600 no-underline
 }
 
 a:hover,
 a:focus {
-  @apply text-blue-dark underline
+  @apply text-blue-700
 }
 
 @tailwind components;
@@ -22,10 +22,10 @@ a:focus {
   }
 
   a {
-    @apply text-black font-bold pb-px border-b-2;
+    @apply text-blue-700 underline;
 
     &:hover {
-      @apply border-transparent no-underline
+      @apply text-blue-800 no-underline
     }
   }
 
diff --git a/wp-content/themes/wp-tailwind/tailwind.config.js b/wp-content/themes/wp-tailwind/tailwind.config.js
deleted file mode 100644
index 8824be7..0000000
--- a/wp-content/themes/wp-tailwind/tailwind.config.js
+++ /dev/null
@@ -1,10 +0,0 @@
-module.exports = {
-  theme: {
-    extend: {
-      colors: {
-        'blue-dark': '#0073aa',
-        'grey-darker': '#767676',
-      }
-    }
-  }
-}
diff --git a/wp-content/themes/wp-tailwind/webpack.mix.js b/wp-content/themes/wp-tailwind/webpack.mix.js
index a1d6f64..bc07175 100644
--- a/wp-content/themes/wp-tailwind/webpack.mix.js
+++ b/wp-content/themes/wp-tailwind/webpack.mix.js
@@ -1,6 +1,6 @@
 const mix = require('laravel-mix')
 
 mix.postCss('src/css/style.css', '', [
-  require('tailwindcss')('./tailwind.config.js'),
+  require('tailwindcss')(),
   require('postcss-nested')(),
 ])