From 2a7e34c8d57c55e0858295c90e94d33cb4271e45 Mon Sep 17 00:00:00 2001
From: Cory Dransfeldt <hi@coryd.dev>
Date: Mon, 22 May 2023 14:29:03 -0700
Subject: [PATCH] chore: tweak colors

---
 src/_includes/now-topper.liquid  |  4 ++--
 src/_includes/now.liquid         |  6 +++---
 src/_includes/paginator.liquid   |  6 +++---
 src/_includes/webmentions.liquid | 10 +++++-----
 src/assets/atom-feed-links.xsl   |  2 +-
 src/assets/atom-feed.xsl         |  2 +-
 tailwind.config.js               |  6 +++---
 tailwind.css                     |  4 ++--
 8 files changed, 20 insertions(+), 20 deletions(-)

diff --git a/src/_includes/now-topper.liquid b/src/_includes/now-topper.liquid
index 3d30bf85..c47ff4d6 100644
--- a/src/_includes/now-topper.liquid
+++ b/src/_includes/now-topper.liquid
@@ -1,7 +1,7 @@
 <div class="border-b border-gray-200 pb-8 dark:border-gray-700 mb-8 pb-8 dark:text-white text-gray-800">
   <a class="no-underline" href="/now">
-    <h2 class="m-0 text-xl font-black leading-tight tracking-normal md:text-2xl text-purple-500 hover:text-purple-400 mb-4">Now</h2>
+    <h2 class="m-0 text-xl font-black leading-tight tracking-normal md:text-2xl text-purple-600 hover:text-purple-500 dark:hover:text-purple-400 mb-4">Now</h2>
   </a>
   <p>I'm a software developer in Camarillo, California. I enjoy hanging out with my beautiful family and 4 rescue dogs, technology, automation, music, writing, reading and tv and movies.</p>
   <p class="mb-0">{{ status.emoji }} {{ status.content }}</p>
-</div>
\ No newline at end of file
+</div>
diff --git a/src/_includes/now.liquid b/src/_includes/now.liquid
index 55211782..c8cdcebf 100644
--- a/src/_includes/now.liquid
+++ b/src/_includes/now.liquid
@@ -44,7 +44,7 @@ layout: main
         {% for artist in artists %}
           <a href="{{artist.url}}" title="{{artist.name | escape}}">
             <div class="relative block">
-              <div class="absolute left-0 top-0 h-full w-full rounded-lg border border-purple-500 hover:border-purple-400 bg-cover-gradient dark:border-gray-500 dark:hover:border-purple-400"></div>
+              <div class="absolute left-0 top-0 h-full w-full rounded-lg border border-purple-600 hover:border-purple-500 bg-cover-gradient dark:border-gray-500 dark:hover:border-purple-400"></div>
               <div class="absolute left-1 bottom-2 drop-shadow-md">
                 <div class="px-1 text-xs font-bold text-white">{{ artist.name }}</div>
                 <div class="px-1 text-xs text-white">
@@ -74,7 +74,7 @@ layout: main
         {% for album in albums %}
           <a href="{{album.url}}" title="{{album.name | escape}}">
             <div class="relative block">
-              <div class="absolute left-0 top-0 h-full w-full rounded-lg border border-purple-500 hover:border-purple-400 bg-cover-gradient dark:border-gray-500 dark:hover:border-purple-400"></div>
+              <div class="absolute left-0 top-0 h-full w-full rounded-lg border border-purple-600 hover:border-purple-500 bg-cover-gradient dark:border-gray-500 dark:hover:border-purple-400"></div>
               <div class="absolute left-1 bottom-2 drop-shadow-md">
                 <div class="px-1 text-xs font-bold text-white">{{ album.name }}</div>
                 <div class="px-1 text-xs text-white">
@@ -136,7 +136,7 @@ layout: main
         {% for movie in movies %}
           <a href="{{movie.link}}" title="{{movie.title | escape}}">
             <div class="relative block" style="max-width:226px">
-              <div class="absolute left-0 top-0 h-full w-full rounded-lg border border-purple-500 hover:border-purple-400 bg-cover-gradient dark:border-gray-500 dark:hover:border-purple-400"></div>
+              <div class="absolute left-0 top-0 h-full w-full rounded-lg border border-purple-600 hover:border-purple-500 bg-cover-gradient dark:border-gray-500 dark:hover:border-purple-400"></div>
               <div class="absolute left-1 bottom-2 drop-shadow-md">
                 <div class="px-1 text-xs font-bold text-white">{{ movie.title }}</div>
               </div>
diff --git a/src/_includes/paginator.liquid b/src/_includes/paginator.liquid
index 1594f6aa..9fce3e62 100644
--- a/src/_includes/paginator.liquid
+++ b/src/_includes/paginator.liquid
@@ -2,7 +2,7 @@
 <nav class="flex justify-between mt-8 items-center">
   {% if pagination.href.previous %}
     <a href="{{ pagination.href.previous }}">
-      <button class="py-2 pr-4 text-purple-500 hover:text-purple-400" aria-label="Previous page">
+      <button class="py-2 pr-4 text-purple-600 hover:text-purple-500 dark:hover:text-purple-400" aria-label="Previous page">
         {% heroicon "solid" "arrow-left" "Previous" "width=20 height=20" %}
       </button>
     </a>
@@ -18,7 +18,7 @@
   <div class="flex flex-row items-center">
     <select
       id="pagination"
-      class="block cursor-pointer w-12 h-12 rounded-full text-white dark:text-gray-900 bg-purple-500 hover:bg-purple-500 dark:hover:bg-purple-300 mr-1 focus-visible:outline-none focus-visible:bg-purple-400 appearance-none text-center"
+      class="block cursor-pointer w-12 h-12 rounded-full text-white dark:text-gray-900 bg-purple-600 hover:bg-purple-500 dark:hover:bg-purple-400 mr-1 focus-visible:outline-none focus-visible:bg-purple-400 appearance-none text-center"
       style="text-align-last:center">
       {% for pageEntry in pagination.pages %}
         <option {% if page.url == pagination.hrefs[forloop.index0] %}selected{% endif %} value="{{ forloop.index }}">{{ forloop.index }}</option>
@@ -31,7 +31,7 @@
 
   {% if pagination.href.next %}
     <a href="{{ pagination.href.next }}">
-      <button class="py-2 pl-4 text-purple-500 hover:text-purple-400" aria-label="Next page">
+      <button class="py-2 pl-4 text-purple-600 hover:text-purple-500 dark:hover:text-purple-400" aria-label="Next page">
         {% heroicon "solid" "arrow-right" "Next" "width=20 height=20" %}
       </button>
     </a>
diff --git a/src/_includes/webmentions.liquid b/src/_includes/webmentions.liquid
index 16433c3b..645e0c05 100644
--- a/src/_includes/webmentions.liquid
+++ b/src/_includes/webmentions.liquid
@@ -11,7 +11,7 @@
                 <img
                   src="{{mention.author.photo}}"
                   alt="{{mention.author.name}}"
-                  class="bg-gray-900 dark:bg-white h-14 w-14 rounded-full border-4 border-white dark:border-gray-900 transition-all hover:border-purple-500 dark:hover:border-purple-300"
+                  class="bg-gray-900 dark:bg-white h-14 w-14 rounded-full border-4 border-white dark:border-gray-900 transition-all hover:border-purple-500 dark:hover:border-purple-400"
                   loading="lazy" />
               </a>
             </li>
@@ -29,7 +29,7 @@
                 <img
                   src="{{mention.author.photo}}"
                   alt="{{mention.author.name}}"
-                  class="bg-gray-900 dark:bg-white h-14 w-14 rounded-full border-4 border-white dark:border-gray-900 transition-all hover:border-purple-500 dark:hover:border-purple-300"
+                  class="bg-gray-900 dark:bg-white h-14 w-14 rounded-full border-4 border-white dark:border-gray-900 transition-all hover:border-purple-500 dark:hover:border-purple-400"
                   loading="lazy" />
               </a>
             </li>
@@ -46,11 +46,11 @@
               <img
                 src="{{mention.author.photo}}"
                 alt="{{mention.author.name}}"
-                class="bg-gray-900 dark:bg-white h-14 w-14 rounded-full border-4 border-white dark:border-gray-900 transition-all group-hover:border-purple-500 dark:group-hover:border-purple-300"
+                class="bg-gray-900 dark:bg-white h-14 w-14 rounded-full border-4 border-white dark:border-gray-900 transition-all group-hover:border-purple-500 dark:group-hover:border-purple-400"
                 loading="lazy" />
               <div class="ml-3">
-                <p class="text-sm group-hover:text-purple-500 dark:group-hover:text-purple-300">{{ mention.content.text }}</p>
-                <p class="mt-1 text-xs group-hover:text-purple-500 dark:group-hover:text-purple-300">{{ mention.published | isoDateOnly }}</p>
+                <p class="text-sm group-hover:text-purple-500 dark:group-hover:text-purple-400">{{ mention.content.text }}</p>
+                <p class="mt-1 text-xs group-hover:text-purple-500 dark:group-hover:text-purple-400">{{ mention.published | isoDateOnly }}</p>
               </div>
             </a>
           </div>
diff --git a/src/assets/atom-feed-links.xsl b/src/assets/atom-feed-links.xsl
index e9ca2316..9b63aed3 100644
--- a/src/assets/atom-feed-links.xsl
+++ b/src/assets/atom-feed-links.xsl
@@ -30,7 +30,7 @@ xmlns:atom="http://www.w3.org/2005/Atom">
         <div class="min-h-screen flex flex-col">
             <main class="flex-1 w-10/12 max-w-screen-sm md:max-w-screen-md mx-auto">
                 <div class="flex flex-col md:flex-row md:items-center md:justify-between md:pt-10 pt-5">
-                    <a class="text-gray-800 dark:text-gray-200 dark:hover:text-purple-400 hover:text-purple-400" href="/">
+                    <a class="text-gray-800 dark:text-gray-200 dark:hover:text-purple-400 hover:text-purple-500" href="/">
                         <h1 class="font-black leading-tight md:pb-0 md:text-3xl pb-5 text-2xl">Links • Cory Dransfeldt</h1>
                     </a>
                     <a href="/">
diff --git a/src/assets/atom-feed.xsl b/src/assets/atom-feed.xsl
index 269cdaa5..919696cb 100644
--- a/src/assets/atom-feed.xsl
+++ b/src/assets/atom-feed.xsl
@@ -30,7 +30,7 @@ xmlns:atom="http://www.w3.org/2005/Atom">
         <div class="min-h-screen flex flex-col">
             <main class="flex-1 w-10/12 max-w-screen-sm md:max-w-screen-md mx-auto">
                 <div class="flex flex-col md:flex-row md:items-center md:justify-between md:pt-10 pt-5">
-                    <a class="text-gray-800 dark:text-gray-200 dark:hover:text-purple-400 hover:text-purple-400" href="/">
+                    <a class="text-gray-800 dark:text-gray-200 dark:hover:text-purple-400 hover:text-purple-500" href="/">
                         <h1 class="font-black leading-tight md:pb-0 md:text-3xl pb-5 text-2xl">Cory Dransfeldt</h1>
                     </a>
                     <a href="/">
diff --git a/tailwind.config.js b/tailwind.config.js
index bf71a13b..ba95cfc5 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -24,11 +24,11 @@ module.exports = {
         DEFAULT: {
           css: {
             a: {
-              color: theme('colors.purple.500'),
+              color: theme('colors.purple.600'),
               '&:hover': {
-                color: `${theme('colors.purple.400')} !important`,
+                color: `${theme('colors.purple.500')} !important`,
               },
-              code: { color: theme('colors.purple.400') },
+              code: { color: theme('colors.purple.500') },
             },
             pre: {
               backgroundColor: theme('colors.gray.900'),
diff --git a/tailwind.css b/tailwind.css
index 68356b4a..8d94d89f 100644
--- a/tailwind.css
+++ b/tailwind.css
@@ -35,11 +35,11 @@
 }
 
 .active {
-  @apply text-purple-500 !important;
+  @apply text-purple-600 !important;
 }
 
 .active:hover,
 .active:active,
 .active:focus {
-  @apply text-purple-400 !important;
+  @apply text-purple-500 !important;
 }