chore: text color consistency

This commit is contained in:
Cory Dransfeldt 2023-12-11 19:21:04 -08:00
parent cdf9604f99
commit ae230a99ce
No known key found for this signature in database
33 changed files with 43 additions and 48 deletions

View file

@ -48,7 +48,7 @@ The **Listening: albums** call is quite similar, swapping the `user.gettopartist
```liquid
{% if artists %}
<h2
class="m-0 text-xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4"
class="m-0 text-xl font-black leading-tight tracking-normal dark:text-white md:text-2xl mt-8 mb-4"
>
Listening: artists
</h2>
@ -98,7 +98,7 @@ These images are all cropped to `350x350` and hosted over on <a href="https://bu
```liquid
{% if albums %}
<h2
class="m-0 text-xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4"
class="m-0 text-xl font-black leading-tight tracking-normal dark:text-white md:text-2xl mt-8 mb-4"
>
Listening: albums
</h2>
@ -167,7 +167,7 @@ Rather than dealing with an API that returns JSON, I'm transforming the RSS feed
```liquid
{% if books %}
<h2
class="m-0 text-xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-6 mb-4"
class="m-0 text-xl font-black leading-tight tracking-normal dark:text-white md:text-2xl mt-6 mb-4"
>
Reading
</h2>

View file

@ -153,7 +153,7 @@ The templating for my site is all written in [liquid.js](https://liquidjs.com) a
```liquid
{% if recentTracks.size > 0 %}
<h2 class="m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 [&>svg]:h-7 [&>svg]:w-7">
<h2 class="m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-white md:text-2xl mt-8 mb-4 [&>svg]:h-7 [&>svg]:w-7">
{% tablericon "microphone" "Artists" %}
<div class="ml-1">Artists</div>
</h2>
@ -177,7 +177,7 @@ The templating for my site is all written in [liquid.js](https://liquidjs.com) a
</div>
{% endif %}
{% if recentTracks.size > 0 %}
<h2 class="m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 [&>svg]:h-7 [&>svg]:w-7">
<h2 class="m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-white md:text-2xl mt-8 mb-4 [&>svg]:h-7 [&>svg]:w-7">
{% tablericon "musical-note" "Albums" %}
<div class="ml-1">Albums</div>
</h2>

View file

@ -18,7 +18,7 @@ If you want to skip all the reading, the diff for this [is here](https://github.
```liquid
{% if data.size > 0 %}
{% assign media = data | normalizeMedia %}
<h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 [&>svg]:h-7 [&>svg]:w-7">
<h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-white md:text-2xl mt-8 mb-4 [&>svg]:h-7 [&>svg]:w-7">
{% tablericon icon title %}
<div class="ml-1">{{ title }}</div>
</h2>

View file

@ -47,7 +47,7 @@ Rendering the output is as simple as:
```liquid
{% if albumReleases.size > 0 %}
<h2 class="m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 [&>svg]:h-7 [&>svg]:w-7">
<h2 class="m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-white md:text-2xl mt-8 mb-4 [&>svg]:h-7 [&>svg]:w-7">
{% tablericon "calendar" "Albums I'm looking forward to" %}
<div class="ml-1">Albums I'm looking forward to</div>
</h2>

View file

@ -34,7 +34,7 @@ By following Federico's steps we can obtain a bearer token to access the API whi
```liquid
{% if articles %}
<h2 class="m-0 text-xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-6 mb-4">
<h2 class="m-0 text-xl font-black leading-tight tracking-normal dark:text-white md:text-2xl mt-6 mb-4">
Reading: favorite articles
</h2>
<div>

View file

@ -53,7 +53,7 @@ And rendered using a liquid template:
```liquid
{% assign posts = posts | getPopularPosts: analytics %}
<div class="not-prose">
<h2 class="[&>svg]:h-7 [&>svg]:w-7 [&>svg]:inline icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4">
<h2 class="[&>svg]:h-7 [&>svg]:w-7 [&>svg]:inline icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-white md:text-2xl mt-8 mb-4">
{% tablericon "fire" "Popular" %}
Popular posts
</h2>

View file

@ -71,7 +71,7 @@ When the build runs, it renders any mentions of a given post via a [liquid.js](h
%}
{% assign mentions = webmentions.mentions | webmentionsByUrl: page.url %}
{% if mentions['repost-of'].size > 0 %}
<h2 class="text-lg md:text-xl font-black leading-tight dark:text-gray-200">Reposts</h2>
<h2 class="text-lg md:text-xl font-black leading-tight dark:text-white">Reposts</h2>
<div class="flex flex-row items-center mt-4 mb-6">
<ul class="ml-3 flex flex-row">
{% for mention in mentions['repost-of'] %}
@ -90,7 +90,7 @@ When the build runs, it renders any mentions of a given post via a [liquid.js](h
</div>
{% endif %}
{% if mentions['like-of'].size > 0 %}
<h2 class="text-lg md:text-xl font-black leading-tight dark:text-gray-200">Likes</h2>
<h2 class="text-lg md:text-xl font-black leading-tight dark:text-white">Likes</h2>
<div class="flex flex-row items-center mt-4 mb-6">
<ul class="ml-3 flex flex-row">
{% for mention in mentions['like-of'] %}
@ -109,7 +109,7 @@ When the build runs, it renders any mentions of a given post via a [liquid.js](h
</div>
{% endif %}
{% if mentions['in-reply-to'].size > 0 %}
<h2 class="text-lg md:text-xl font-black leading-tight dark:text-gray-200">Comments</h2>
<h2 class="text-lg md:text-xl font-black leading-tight dark:text-white">Comments</h2>
<div class="mt-4 flex flex-col items-center not-prose">
{% for mention in mentions['in-reply-to'] %}
<div class="border-bottom flex flex-row items-center border-gray-100 pb-4 w-full">