cdransf/coryd.dev-eleventy
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

chore: tweak colors

Browse source
This commit is contained in:
Cory Dransfeldt 2023-05-22 14:29:03 -07:00
parent b5ac360bbd
commit 2a7e34c8d5
No known key found for this signature in database
8 changed files with 20 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/_includes/now-topper.liquid
View file

@ -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>
</div>

6
src/_includes/now.liquid
View file

@ -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>

6
src/_includes/paginator.liquid
View file

@ -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>

10
src/_includes/webmentions.liquid
View file

@ -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>

2
src/assets/atom-feed-links.xsl
View file

@ -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="/">

2
src/assets/atom-feed.xsl
View file

@ -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="/">

6
tailwind.config.js
View file

@ -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'),

4
tailwind.css
View file

@ -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;
}