Change *-blue to *-blue-600

assets/css/app.css

@@ -19,7 +19,7 @@ img {
 }
 
 a {
-  @apply text-blue no-underline;
+  @apply text-blue-600 no-underline;
 
   &:hover {
     @apply underline

assets/css/components/blockquote.css

@@ -1,3 +1,3 @@
 blockquote {
-  @apply border-l-4 border-blue pl-4 px-6 py-2
+  @apply border-l-4 border-blue-600 pl-4 px-6 py-2
 }

assets/css/components/button.css

@@ -1,5 +1,5 @@
 .button {
-  @apply bg-blue border-blue border inline-block text-white no-underline py-2 px-3 rounded text-sm;
+  @apply bg-blue-600 border-blue-600 border inline-block text-white no-underline py-2 px-3 rounded text-sm;
 
   &:focus {
     @apply py-2 px-3 m-0
@@ -8,6 +8,6 @@
   &:active,
   &:focus,
   &:hover {
-    @apply bg-white text-blue
+    @apply bg-white text-blue-600
   }
 }

assets/css/components/note.css

@@ -1,5 +1,5 @@
 .note {
-  @apply bg-blue-lighter border-blue border-l-4 mb-4 p-4 rounded;
+  @apply bg-blue-lighter border-blue-600 border-l-4 mb-4 p-4 rounded;
 
   > *:not(:first-child) {
     @apply mt-6

assets/js/components/Navbar.vue

@@ -21,7 +21,7 @@
         <a
           v-for="item in items"
           class="block text-black no-underline focus:outline-none p-4 border-l-3 sm:border-l-0 sm:border-b-3 border-transparent hover:border-grey-light focus:border-grey-light focus:bg-white sm:ml-4 sm:mr-0 sm:p-0 hover:no-underline text-sm -mb-px"
-          :class="{'border-blue hover:border-blue': isActive(item)}"
+          :class="{'border-blue-600 hover:border-blue-600': isActive(item)}"
           :href="item.href"
         >
           <span class="flex items-center h-full">{{ item.title }}</span>

source/_layouts/default.html.twig

@@ -1,7 +1,7 @@
 {% extends 'app' %}
 
 {% block body %}
-    <a href="#main-content" class="skip-link absolute top-0 left-0 text-white bg-blue p-4 focus:outline-none">
+    <a href="#main-content" class="skip-link absolute top-0 left-0 text-white bg-blue-600 p-4 focus:outline-none">
         Skip to main content
     </a>
 

source/_partials/pages/book/signup-form.html.twig

@@ -7,7 +7,7 @@
 
         <div class="flex overflow-hidden">
             <input type="email" value="" name="EMAIL" class="required email block w-full border border-grey p-3 pl-5 rounded-l-full" placeholder="enter your email" aria-label="Email">
-            <button type="submit" name="subscribe" class="block w-auto border border-grey border-l-0 py-3 pl-5 pr-6 rounded-r-full bg-blue text-white">Subscribe</button>
+            <button type="submit" name="subscribe" class="block w-auto border border-grey border-l-0 py-3 pl-5 pr-6 rounded-r-full bg-blue-600 text-white">Subscribe</button>
         </div>
     </div>
 </form>

source/_partials/post-pager.html.twig

@@ -15,7 +15,7 @@
         {% for i in range(1, page.pagination.total_pages) %}
             <li class="{{ i > (page.pagination.page + 2) or i < (page.pagination.page - 2) ? 'hidden sm:block' }}">
                 {% if i == page.pagination.page %}
-                    <span class="p-3 border border-grey text-white bg-blue -mr-px">
+                    <span class="p-3 border border-grey text-white bg-blue-600 -mr-px">
                         {{ i }}
                     </span>
                 {% else %}

source/_partials/post/old-post-message.html.twig

@@ -1,5 +1,5 @@
 {% if page.date|date('U') < 'now'|date_modify('-12 months')|date('U') %}
-    <div class="border-2 border-blue p-4 mb-6">
+    <div class="border-2 border-blue-600 p-4 mb-6">
         <p class="text-sm mb-0">
             <span class="font-bold">Warning:</span>
             This post is over a year old. I don't always update old posts with new information, so some of this information may be out of date.

source/_posts/2018-11-20-rebuilding-bartik-with-vuejs-tailwind-css.md

@@ -93,7 +93,7 @@ export default {
             <div class="font-serif">
               <h1 class="font-normal">Welcome to {{ title }}</h1>
               <p>No front page content has been created yet.</p>
-              <p>Follow the <a href="#0" class="text-blue-dark hover:text-blue no-underline border-b border-blue border-dotted hover:bg-solid">User Guide</a> to start building your site.</p>
+              <p>Follow the <a href="#0" class="text-blue-dark hover:text-blue-600 no-underline border-b border-blue-600 border-dotted hover:bg-solid">User Guide</a> to start building your site.</p>
             </div>
 
             <div class="mt-10">

source/_posts/2018-12-27-rebuilding-bartik-with-vuejs-tailwind-css-part-2.md

@@ -90,11 +90,11 @@ Within the `style` section, I’m able to use Tailwind’s custom `@apply` direc
     @apply underline
 
 #main a
-  @apply text-blue-dark no-underline border-b border-blue border-dotted
+  @apply text-blue-dark no-underline border-b border-blue-600 border-dotted
 
   &:hover,
   &:focus
-    @apply text-blue border-solid
+    @apply text-blue-600 border-solid
 
 #footer a
   @apply text-white no-underline border-b border-dotted border-white

source/testimonials.html.twig

@@ -5,13 +5,13 @@ use: [posts]
 testimonials:
     - name: Ed Welsby
       image: ed-welsby.png
-      role: Senior Developer at <a class="text-blue inline-block" href="http://www.proctors.co.uk">Proctor & Stevenson</a>
+      role: Senior Developer at <a class="text-blue-600 inline-block" href="http://www.proctors.co.uk">Proctor & Stevenson</a>
       text: |
           Oliver was great to work with, he has a solid knowledge of the various aspects of web development and never minded helping me out with Linux commands!
 
     - name: Brian Healy
       image: brian-healy.png
-      role: Director of Business Development at <a class="text-blue inline-block" href="http://tincan.co.uk">Tincan</a>.
+      role: Director of Business Development at <a class="text-blue-600 inline-block" href="http://tincan.co.uk">Tincan</a>.
       text: |
           Oliver was fantastic to work with - pro-active and highly responsive, he worked well remotely and as part of a project team. His understanding of the project requirement(s) and ability to translate it into working code was essential and he delivered.
 
@@ -31,21 +31,21 @@ testimonials:
           Oliver is seasoned Drupal and all round highly skilled and experienced web developer. I have worked with Oliver on an important project where he was reliable, prompt and ensured strict client deadline delivery and confidentiality at all times.
 
     - name: James Chapman
-      role: Director at <a class="text-blue inline-block" href="http://www.developmentdoneright.co.uk">Development Done Right</a>
+      role: Director at <a class="text-blue-600 inline-block" href="http://www.developmentdoneright.co.uk">Development Done Right</a>
       image: james-chapman.png
       text: |
           We used Oliver on a number of occasions throughout 2012 and I have to say we've been delighted with his work. His skills working with Drupal are excellent particularly with custom module development and we wouldn’t hesitate to recommend him others.
 
     - name: Léonie Watson
       role: >
-          Director of Accessibility at <a class="text-blue inline-block" href="http://www.nomensa.com">Nomensa</a>
+          Director of Accessibility at <a class="text-blue-600 inline-block" href="http://www.nomensa.com">Nomensa</a>
       image: leonie-watson.jpg
       text: |
           Oliver is a flexible and hardworking developer, with a terrific knowledge of Drupal. He promotes accessibility best practice within the Drupal community, and is always happy to share his knowledge with other people.
 
     - name: Holly Ross
       role: >
-          Executive Director at the <a class="text-blue inline-block" href="https://assoc.drupal.org">Drupal Association</a>
+          Executive Director at the <a class="text-blue-600 inline-block" href="https://assoc.drupal.org">Drupal Association</a>
       image: holly-ross.png
       text: |
           Oliver has been an outstanding contributor to the Drupal Association team. He is a talented developer who writes great code and applies his curiosity and love of learning to every project. He is also a fantastic team member, who gives to the team as much as he gets.
@@ -53,7 +53,7 @@ testimonials:
           Oliver is the embodiment of everything good about the Drupal community.
 
     - name: Josh Mitchell
-      role: CTO at the <a class="text-blue inline-block" href="https://assoc.drupal.org">Drupal Association</a>
+      role: CTO at the <a class="text-blue-600 inline-block" href="https://assoc.drupal.org">Drupal Association</a>
       image: josh-mitchell.png
       text: |
           Oliver is a skilled Drupal developer with a passion for the Drupal community. As his direct supervisor, I was able to watch Oliver grow with the Drupal Association and contribute an amazing amount of effort and integrity to all of his work.
@@ -62,7 +62,7 @@ testimonials:
 
     - name: Chris Jarvis
       image: chris-jarvis.jpg
-      role: Developer at <a class="text-blue inline-block" href="https://microserve.io">Microserve</a>
+      role: Developer at <a class="text-blue-600 inline-block" href="https://microserve.io">Microserve</a>
       text: |
           Oliver is an amazing colleague, he's professional, full of knowledge and I could not recommend him more.
 ---