Skip to content

Commit 9d26c0d

Browse files
Yndira-EYndira-E
authored
Merge pull request #4910 from FlowFuse/4909-text-contrast
[4909] Accessibility: Text contrast
2 parents 944c1c1 + 0cc4f58 commit 9d26c0d

14 files changed

Lines changed: 45 additions & 23 deletions

File tree

‎src/_includes/blog/blog-posts.njk‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
<li class="w-full mt-2 px-2 pb-4">
33
<a href="{{ item.url }}" class="w-full flex flex-col group hover:no-underline">
44
<div class="md:w-3/4 pr-2">
5-
<time class="block text-xs" value="{{ item.date }}" class="text-gray-400">{{ item.date | shortDate }}</time>
5+
<time class="block text-xs" value="{{ item.date }}" class="text-gray-500">{{ item.date | shortDate }}</time>
66
<h3 class="mb-0 font-medium group-hover:underline">{{ item.data.title }}</h3>
77
<div class="italic text-xs mb-3">
88
<div class="author">
@@ -41,7 +41,7 @@
4141
<li class="w-full md:w-1/3 my-2 px-2 pb-6 border-b">
4242
<a href="{{ item.url }}" class="w-full flex flex-col group hover:no-underline">
4343
<div class="">
44-
<time class="block text-xs mb-2" value="{{ item.date }}" class="text-gray-400">{{ item.date | shortDate }}</time>
44+
<time class="block text-xs mb-2" value="{{ item.date }}" class="text-gray-500">{{ item.date | shortDate }}</time>
4545
<div class="ff-blog-tile">
4646
<div class="w-full h-auto">
4747
{% tileImage item, "./images/og-blog.jpg", "Image with logo and the slogan: Elevate Node-RED with Flowfuse", 285 %}

‎src/_includes/certified/template.njk‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@
1616
<div>
1717
<div class="flex flex-row justify-between">
1818
<h3 class="w-full mb-0 font-medium">{{ node.title }}</h3>
19-
<div class="w-[20px] my-auto text-gray-400">
19+
<div class="w-[20px] my-auto text-gray-500">
2020
{% include "components/icons/arrow-top-right-on-square.svg" %}
2121
</div>
2222
</div>

‎src/_includes/changelog/changelog-posts.njk‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<li class="w-full my-2 py-6 border-b flex flex-col md:flex-row">
22
<div class="w-full flex flex-col flex-none md:w-72 md:pr-4">
33
<a href="{{ item.url }}" class="flex flex-col group hover:no-underline">
4-
<time class="block text-xs" value="{{ item.date }}" class="text-gray-400">{{ item.date | shortDate }}</time>
4+
<time class="block text-xs" value="{{ item.date }}" class="text-gray-500">{{ item.date | shortDate }}</time>
55
<h3 class="mb-0 font-medium group-hover:underline">{{ item.data.title }}</h3>
66
<div class="italic text-xs mb-3">
77
<div class="author">

‎src/_includes/components/ai-expert-modal.njk‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@
1414
</div>
1515
<h2 id="ai-expert-modal-title" class="text-base font-semibold text-gray-700 -mb-1">Expert</h2>
1616
</div>
17-
<button id="close-modal" class="text-gray-400 hover:text-gray-600" aria-label="Close dialog">
17+
<button id="close-modal" class="text-gray-500 hover:text-gray-600" aria-label="Close dialog">
1818
<svg width="24" height="24" viewBox="0 0 24 24" fill="none">
1919
<path d="M18 6L6 18" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2020
<path d="M6 6l12 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>

‎src/_includes/layouts/abm-landing.njk‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -149,10 +149,10 @@ nohero: true
149149
</div>
150150
<!-- Chevron -->
151151
{% if not loop.last %}
152-
<div class="hidden md:block absolute -right-6 top-1/2 -translate-y-1/2 text-gray-400">
152+
<div class="hidden md:block absolute -right-6 top-1/2 -translate-y-1/2 text-gray-500">
153153
{% include "components/icons/chevron-right.svg" %}
154154
</div>
155-
<div class="sm:hidden absolute left-1/2 -translate-x-1/2 -bottom-7 text-gray-400">
155+
<div class="sm:hidden absolute left-1/2 -translate-x-1/2 -bottom-7 text-gray-500">
156156
{% include "components/icons/chevron-down.svg" %}
157157
</div>
158158
{% endif %}

‎src/_includes/layouts/post.njk‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -34,7 +34,7 @@
3434
{%- for author in authors %}
3535
{{ comma() }} <span class="font-medium">{{ people[author].name if people[author] else 'FlowFuse' }}</span>
3636
{%- endfor %}
37-
<span class="text-gray-400">•</span>
37+
<span class="text-gray-500">•</span>
3838
{%- if lastUpdated -%}
3939
<time value="{{ lastUpdated | dateToRfc3339 }}">{{ lastUpdated | shortDate }}</time>
4040
{%- else -%}

‎src/_includes/layouts/whitepaper-gated.njk‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@
1919
<div class="ff-prose whitepaper w-full mt-3 md:w-2/3">
2020
<label class="text-red-600 font-medium mb-2">Whitepaper</label>
2121
<h3 class="text-gray-600 leading-snug">{% block whitepaperTitle %}Whitepaper Title{% endblock %}</span></h3>
22-
<h4 class="text-gray-400">{% block whitepaperSubtitle %}{% endblock %}</h4>
22+
<h4 class="text-gray-600">{% block whitepaperSubtitle %}{% endblock %}</h4>
2323
{% block description %}Whitepaper description{% endblock %}
2424
<!-- Social proof logos -->
2525
<div class="border-t border-gray-200 mt-16">
@@ -28,7 +28,7 @@
2828
</div>
2929
<div class="max-w-[350px] flex flex-col mx-auto">
3030
<div class="sticky top-20 bg-indigo-50 border-2 border-indigo-200 rounded-md drop-shadow-xl px-6 pb-2 mt-4">
31-
<p class="text-gray-500"><span class="font-semibold">{% block formTitle %}Download our whitepaper{% endblock %}</span></br>{% block formSubtitle %}to learn how to unleash your engineers' potential and accelerate industrial innovation.{% endblock %}</p>
31+
<p class="text-gray-600"><span class="font-semibold">{% block formTitle %}Download our whitepaper{% endblock %}</span></br>{% block formSubtitle %}to learn how to unleash your engineers' potential and accelerate industrial innovation.{% endblock %}</p>
3232
{% include hubspot.script %}
3333
</div>
3434
</div>

‎src/_includes/stories/customer-story.njk‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -33,7 +33,7 @@
3333
{% endif %}
3434
</div>
3535
<div class="flex flex-col mt-1 mb-0 p-5 pt-3 gap-2">
36-
<label class="font-bold"><span class="text-gray-400">{{ brand }}</span></label>
36+
<label class="font-bold"><span class="text-gray-600">{{ brand }}</span></label>
3737
<h3 class="group-hover:text-blue-600 font-medium m-0 mt-0 mb-2" style="line-height: 1.6rem"><span class="text-lg">{{ title }}</span></h3>
3838
</div>
3939
</div>

‎src/community/newsletter.njk‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@ hubspot:
1919
<li class="w-full mt-2 px-2 pb-4">
2020
<a href="{{ item.url }}" class="w-full flex flex-col group hover:no-underline">
2121
<div class="md:w-1/2 pr-2">
22-
<time class="block text-xs" value="{{ item.date }}" class="text-gray-400">{{ item.date | shortDate }}</time>
22+
<time class="block text-xs" value="{{ item.date }}" class="text-gray-500">{{ item.date | shortDate }}</time>
2323
<h3 class="mb-0 font-medium group-hover:underline">{{ item.data.title }}</h3>
2424
<div class="italic text-xs mb-3">
2525
<div class="author">
@@ -54,7 +54,7 @@ hubspot:
5454
<li class="w-full md:w-1/3 my-2 px-2 pb-6 border-b">
5555
<a href="{{ item.url }}" class="w-full flex flex-col group hover:no-underline">
5656
<div class="">
57-
<time class="block text-xs mb-2" value="{{ item.date }}" class="text-gray-400">{{ item.date | shortDate }}</time>
57+
<time class="block text-xs mb-2" value="{{ item.date }}" class="text-gray-500">{{ item.date | shortDate }}</time>
5858
<div>
5959
<div class="w-full h-auto mb-4">
6060
{% tileImage item, "./images/og-blog.jpg", "Image with logo and the slogan: Elevate Node-RED with Flowfuse", 285 %}

‎src/css/style.css‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1034,7 +1034,7 @@ h4:hover .header-anchor::before {
10341034
.ff-footer .copyright-statement {
10351035
font-size: 0.75rem;
10361036
margin-top: 0.75rem;
1037-
color: theme(colors.gray.400);
1037+
color: theme(colors.gray.600);
10381038
font-weight: 200;
10391039
}
10401040

@@ -1705,7 +1705,7 @@ h4:hover .header-anchor::before {
17051705
}
17061706

17071707
.ff-tier-badge__label {
1708-
@apply px-2.5 py-0.5 text-gray-500 font-medium bg-gray-100 border border-r-0 border-gray-200 rounded-l;
1708+
@apply px-2.5 py-0.5 text-gray-600 font-medium bg-gray-100 border border-r-0 border-gray-200 rounded-l;
17091709
}
17101710

17111711
.ff-tier-badge__value {

0 commit comments

Comments
 (0)