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

chore: improve contrast in dark mode

Browse source
This commit is contained in:
Cory Dransfeldt 2023-05-31 12:59:01 -07:00
parent a7c23c38a4
commit 8c3fe2346a
No known key found for this signature in database
25 changed files with 113 additions and 72 deletions
Download patch file Download diff file Expand all files Collapse all files

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-600 hover:text-purple-500 dark:hover:text-purple-400" aria-label="Previous page">
<button class="py-2 pr-4 dark:text-purple-400 text-purple-600 hover:text-purple-500 dark:hover:text-purple-500" 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-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"
class="block cursor-pointer w-12 h-12 rounded-full text-white dark:text-gray-900 dark:bg-purple-400 bg-purple-600 hover:bg-purple-500 dark:hover:bg-purple-500 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-600 hover:text-purple-500 dark:hover:text-purple-400" aria-label="Next page">
<button class="py-2 pl-4 dark:text-purple-400 text-purple-600 hover:text-purple-500 dark:hover:text-purple-500" aria-label="Next page">
{% heroicon "solid" "arrow-right" "Next" "width=20 height=20" %}
</button>
</a>