fix: color updates

This commit is contained in:
Cory Dransfeldt 2023-10-28 21:00:47 -07:00
parent 5bd5aede22
commit efe464f0e1
18 changed files with 65 additions and 32 deletions

View file

@ -1,7 +1,7 @@
{%- capture fullUrl %}
{{ site.url }}{{ page.url }}{% endcapture -%}
<!doctype html>
<html class="scrollbar-thin scrollbar-thumb-blue-500 scrollbar-track-blue-100" lang="en">
<html class="scrollbar-thin scrollbar-thumb-blue-600 dark:scrollbar-thumb-blue-400 scrollbar-track-blue-100" lang="en">
<head>
<title>
{% if title %}
@ -66,7 +66,7 @@
</style>
</noscript>
</head>
<body class="dark:text-white bg-white dark:bg-gray-900 font-sans text-gray-800 scrollbar-thin scrollbar-thumb-blue-500 scrollbar-track-blue-100">
<body class="dark:text-white bg-white dark:bg-gray-900 font-sans text-gray-800 scrollbar-thin scrollbar-thumb-blue-600 dark:scrollbar-thumb-blue-400 scrollbar-track-blue-100">
{{ content }}
{% capture js %}
{% render "../assets/scripts/script.js" %}

View file

@ -2,6 +2,6 @@
layout: main
---
{% render "partials/header.liquid", site: site, page: page, nav: nav %}
<div class="pt-8 prose dark:prose-invert hover:prose-a:text-blue-500 max-w-full">
<div class="pt-8 prose dark:prose-invert hover:prose-a:text-blue-800 dark:hover:prose-a:text-blue-200 max-w-full">
{{ content }}
</div>

View file

@ -1,6 +1,6 @@
<div class="mt-12 py-8 border-t-2 flex flex-col md:flex-row justify-between items-center">
<div class="flex flex-col mb-4 md:mb-0 md:flex-row items-center flex-1">
<div class="border border-blue-500 dark:border-blue-200 bg-white rounded-full overflow-hidden mb-4 md:mb-0 md:mr-4 [&>*]:h-20 [&>*]:w-20 flex flex-col items-center">
<div class="border border-blue-600 dark:border-blue-400 bg-white rounded-full overflow-hidden mb-4 md:mb-0 md:mr-4 [&>*]:h-20 [&>*]:w-20 flex flex-col items-center">
{% image './src/assets/img/avatar.webp', site.name, 'inline-block' %}
</div>
<span class="text-lg font-medium">{{ site.name }}</span>

View file

@ -4,7 +4,7 @@
<ul class="list-inside list-disc pl-5 md:pl-10">
{% for mention in mentions['link-to'] %}
<li class="mt-1.5 mb-2">
<a href="{{ mention.url }}" class="text-blue-500 hover:text-blue-600 dark:text-blue-400 dark:hover:text-blue-200">
<a href="{{ mention.url }}" class="text-blue-600 hover:text-blue-600 dark:text-blue-400 dark:hover:text-blue-200">
{{ mention.name }}
</a>
</li>

View file

@ -16,7 +16,7 @@ layout: main
<span class="p-author h-card hidden">{{ site.title }}</span>
<time class="mt-2 mb-6 block text-sm dt-published" datetime="{{ date }}">{{ date | readableDate }}</time>
<div class="p-summary hidden">{{ post_excerpt | markdown }}</div>
<div class="e-content prose dark:prose-invert hover:prose-a:text-blue-500 max-w-full text-gray-800 dark:text-white">
<div class="e-content prose dark:prose-invert hover:prose-a:text-blue-800 dark:hover:prose-a:text-blue-200 max-w-full text-gray-800 dark:text-white">
{{ content }}
</div>
</article>

View file

@ -9,7 +9,7 @@
{% tablericon "arrow-left" "Previous site" %}
</a>
<div class="flex justify-center">
<a href="https://webri.ng/webring/cssjoy/random?via=https://coryd.dev/webrings" class="[&>svg]:h-6 [&>svg]:w-6 icon--bold mx-4 flex flex-row items-center font-semibold p-2 rounded-full !no-underline !text-white dark:text-gray-900 bg-blue-500 dark:bg-blue-400 hover:bg-pink-500">
<a href="https://webri.ng/webring/cssjoy/random?via=https://coryd.dev/webrings" class="[&>svg]:h-6 [&>svg]:w-6 icon--bold mx-4 flex flex-row items-center font-semibold p-2 rounded-full !no-underline !text-white dark:text-gray-900 bg-blue-600 dark:bg-blue-400 hover:bg-blue-800 dark:hover:bg-blue-200">
{% tablericon "dice-3" "Random site" %}
</a>
</div>

View file

@ -6,7 +6,7 @@
The Claw Webring
</h3>
<div class="flex justify-center">
<a href="https://github.com/whitep4nth3r/the-claw-webring" class="flex flex-row items-start md:items-center font-semibold py-2 px-4 rounded-full !no-underline !text-white dark:text-gray-900 bg-blue-500 dark:bg-blue-400 hover:bg-pink-500">
<a href="https://github.com/whitep4nth3r/the-claw-webring" class="flex flex-row items-start md:items-center font-semibold py-2 px-4 rounded-full !no-underline !text-white dark:text-gray-900 bg-blue-600 dark:bg-blue-400 hover:bg-blue-800 dark:hover:bg-blue-200">
<span class="[&>svg]:h-5 [&>svg]:w-5 icon--bold pt-1 md:pt-0 mr-1">
{% tablericon "user-plus" "Join!" %}
</span>