From d1530f25b39c2e6dee219ea16710e07f8442a384 Mon Sep 17 00:00:00 2001 From: StephDriver <5330770+StephDriver@users.noreply.github.com> Date: Tue, 7 Oct 2025 16:19:50 +0100 Subject: [PATCH 01/32] a11y: clarity dyslexia mode css variables --- src/themes/clean/assets/css/cardinal.css | 3 +++ src/themes/clean/assets/css/clean.css | 6 +++--- src/themes/clean/assets/css/evergreen.css | 3 +++ src/themes/clean/assets/css/midnight.css | 3 +++ src/themes/clean/assets/css/ocean.css | 3 +++ 5 files changed, 15 insertions(+), 3 deletions(-) diff --git a/src/themes/clean/assets/css/cardinal.css b/src/themes/clean/assets/css/cardinal.css index b132ab7c33..440873fea2 100644 --- a/src/themes/clean/assets/css/cardinal.css +++ b/src/themes/clean/assets/css/cardinal.css @@ -18,6 +18,7 @@ --text-white: #fff; --text-header: var(--text-black); --body-text: #525252; + --body-text-dyslexia: var(--text-black); --nav-text: #636363; --nav-text-active: var(--brand-primary); --recede-opacity: 70%; @@ -39,6 +40,8 @@ --bg-card-alt: #f8f9fa; --bg-blockquote: #F0F0F0; --bg-overlay: rgba(55, 55, 55, 0.8); + --bg-dyslexia: #F5F5DC; + --bg-dyslexia-em: #FAFAC8; /* UI State Colors */ --color-success: green; diff --git a/src/themes/clean/assets/css/clean.css b/src/themes/clean/assets/css/clean.css index f093c0c9c3..bae0f5d4ba 100644 --- a/src/themes/clean/assets/css/clean.css +++ b/src/themes/clean/assets/css/clean.css @@ -575,13 +575,13 @@ a.btn { .dyslexia-friendly { font-family: Verdana !important; - color: #4c4c4c; - background-color: #F5F5DC; + color: var(--body-text-dyslexia); + background-color: var(--bg-dyslexia); } .dyslexia-friendly em, .dyslexia-friendly i { - background-color: #FAFAC8; + background-color: var(--bg-dyslexia-em); font-style: normal; } diff --git a/src/themes/clean/assets/css/evergreen.css b/src/themes/clean/assets/css/evergreen.css index a12a25c8d3..8b0c9cc687 100644 --- a/src/themes/clean/assets/css/evergreen.css +++ b/src/themes/clean/assets/css/evergreen.css @@ -18,6 +18,7 @@ --text-white: #fff; --text-header: var(--text-black); --body-text: #525252; + --body-text-dyslexia: var(--text-black); --nav-text: #636363; --nav-text-active: var(--brand-primary); --recede-opacity: 70%; @@ -39,6 +40,8 @@ --bg-card-alt: #f8f9fa; --bg-blockquote: #F0F0F0; --bg-overlay: rgba(55, 55, 55, 0.8); + --bg-dyslexia: #F5F5DC; + --bg-dyslexia-em: #FAFAC8; /* UI State Colors */ --color-success: green; diff --git a/src/themes/clean/assets/css/midnight.css b/src/themes/clean/assets/css/midnight.css index 4ad24d9508..b84f8989ac 100644 --- a/src/themes/clean/assets/css/midnight.css +++ b/src/themes/clean/assets/css/midnight.css @@ -16,6 +16,7 @@ --text-white: #0a0f1a; --text-header: #ffffff; --body-text: #e4e6eb; + --body-text-dyslexia: var(--text-black); --nav-text: #b0b3b8; --nav-text-active: #4d9fff; --recede-opacity: 70%; @@ -37,6 +38,8 @@ --bg-card-alt: #1a2235; --bg-blockquote: #1a2235; --bg-overlay: rgba(10, 15, 26, 0.9); + --bg-dyslexia: #F5F5DC; + --bg-dyslexia-em: #FAFAC8; /* UI State Colors */ --color-danger: #ff6b6b; diff --git a/src/themes/clean/assets/css/ocean.css b/src/themes/clean/assets/css/ocean.css index 27ec91358d..52714e12a1 100644 --- a/src/themes/clean/assets/css/ocean.css +++ b/src/themes/clean/assets/css/ocean.css @@ -18,6 +18,7 @@ --text-white: #fff; --text-header: var(--text-black); --body-text: #525252; + --body-text-dyslexia: var(--text-black); --nav-text: #636363; --nav-text-active: var(--brand-primary); --recede-opacity: 70%; @@ -39,6 +40,8 @@ --bg-card-alt: #f8f9fa; --bg-blockquote: #F0F0F0; --bg-overlay: rgba(55, 55, 55, 0.8); + --bg-dyslexia: #F5F5DC; + --bg-dyslexia-em: #FAFAC8; /* UI State Colors */ --color-success: green; From 727453a67df390fb69d023e345c2e3acdc893077 Mon Sep 17 00:00:00 2001 From: StephDriver <5330770+StephDriver@users.noreply.github.com> Date: Tue, 7 Oct 2025 16:23:24 +0100 Subject: [PATCH 02/32] a11y: clarity dyslexia mode exclude fa icons from font change --- src/themes/clean/assets/css/clean.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/src/themes/clean/assets/css/clean.css b/src/themes/clean/assets/css/clean.css index bae0f5d4ba..02afd21285 100644 --- a/src/themes/clean/assets/css/clean.css +++ b/src/themes/clean/assets/css/clean.css @@ -579,6 +579,10 @@ a.btn { background-color: var(--bg-dyslexia); } +.dyslexia-friendly .fa { + font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome" !important; +} + .dyslexia-friendly em, .dyslexia-friendly i { background-color: var(--bg-dyslexia-em); From 73e11f52380727784778ba7332f5a17f0cfd577b Mon Sep 17 00:00:00 2001 From: StephDriver <5330770+StephDriver@users.noreply.github.com> Date: Fri, 31 Oct 2025 10:07:56 +0000 Subject: [PATCH 03/32] a11y: clarity reading option buttons sticky card styling --- src/themes/clean/templates/elements/journal/reading.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/themes/clean/templates/elements/journal/reading.html b/src/themes/clean/templates/elements/journal/reading.html index 9503bea4be..12c6650bbc 100644 --- a/src/themes/clean/templates/elements/journal/reading.html +++ b/src/themes/clean/templates/elements/journal/reading.html @@ -1,4 +1,4 @@ -
+

{% trans 'Text display options' %}

\ No newline at end of file From 1d2bde19d790de9fa806f15fb5300ac697edc157 Mon Sep 17 00:00:00 2001 From: StephDriver <5330770+StephDriver@users.noreply.github.com> Date: Fri, 31 Oct 2025 11:15:52 +0000 Subject: [PATCH 07/32] a11y: clarity article listing titles visible (not white) --- src/themes/clean/assets/css/clean.css | 1 - 1 file changed, 1 deletion(-) diff --git a/src/themes/clean/assets/css/clean.css b/src/themes/clean/assets/css/clean.css index e436058331..e00badfc1a 100644 --- a/src/themes/clean/assets/css/clean.css +++ b/src/themes/clean/assets/css/clean.css @@ -437,7 +437,6 @@ a.btn { margin-bottom: 0.25rem; font-weight: 500; line-height: 1.3; - color: var(--text-white); } .article-thumbnail { From 7a6d76f43acaa5975a0bc17c15e30703cf9acfaa Mon Sep 17 00:00:00 2001 From: StephDriver <5330770+StephDriver@users.noreply.github.com> Date: Fri, 31 Oct 2025 11:54:53 +0000 Subject: [PATCH 08/32] a11y: clarity article title over image as white-text specifity fix --- src/themes/clean/templates/journal/article.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/themes/clean/templates/journal/article.html b/src/themes/clean/templates/journal/article.html index 17c800a6d4..77c87dc64e 100644 --- a/src/themes/clean/templates/journal/article.html +++ b/src/themes/clean/templates/journal/article.html @@ -36,7 +36,7 @@

{{ article.section.name }}

-

{{ article.title|safe }}

+

{{ article.title|safe }}

{% if article.is_published or proofing %} {% include "common/elements/journal/article_authors_br.html" %} {% endif %} From 4d0beaaf486a5e2f999efdbc4f72c73321edf212 Mon Sep 17 00:00:00 2001 From: StephDriver <5330770+StephDriver@users.noreply.github.com> Date: Mon, 3 Nov 2025 07:40:49 +0000 Subject: [PATCH 09/32] a11y: clarity article sidebar only on large --- src/themes/clean/templates/journal/article.html | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/themes/clean/templates/journal/article.html b/src/themes/clean/templates/journal/article.html index 77c87dc64e..c409dc2688 100644 --- a/src/themes/clean/templates/journal/article.html +++ b/src/themes/clean/templates/journal/article.html @@ -52,7 +52,7 @@

{{ article.tit
-
+
{% if journal_settings.article.disable_article_large_image %} {{ article.section.name }} @@ -75,7 +75,7 @@

{% trans "Rights" %}:

{{ article.rights | safe }}

{% endif %} {% if article.is_published or proofing %} -
+

{% trans 'Files' %}

{% if galleys %}
    @@ -131,7 +131,7 @@

    {% trans "Publisher Notes" %}

    {% endif %}
-
+
From 1b8bf1836bbe13b2f5f716909fd32fc59337cd93 Mon Sep 17 00:00:00 2001 From: StephDriver <5330770+StephDriver@users.noreply.github.com> Date: Mon, 3 Nov 2025 07:53:03 +0000 Subject: [PATCH 10/32] a11y: clarity article toc card styling --- src/themes/clean/assets/css/clean.css | 2 +- src/themes/clean/templates/journal/article.html | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/src/themes/clean/assets/css/clean.css b/src/themes/clean/assets/css/clean.css index e00badfc1a..4758820388 100644 --- a/src/themes/clean/assets/css/clean.css +++ b/src/themes/clean/assets/css/clean.css @@ -910,7 +910,7 @@ span + .btn-background { position: sticky; max-height: 100vh; overflow-y: auto; - top: 60px; + top: 80px; z-index: 999; } diff --git a/src/themes/clean/templates/journal/article.html b/src/themes/clean/templates/journal/article.html index c409dc2688..59054d30d8 100644 --- a/src/themes/clean/templates/journal/article.html +++ b/src/themes/clean/templates/journal/article.html @@ -375,7 +375,7 @@

{% trans 'CRediT Roles' %}

{% if article_content %} -
+
From f38eed8c3722ac94301527b55b2f532984157714 Mon Sep 17 00:00:00 2001 From: StephDriver <5330770+StephDriver@users.noreply.github.com> Date: Mon, 3 Nov 2025 08:15:26 +0000 Subject: [PATCH 11/32] a11y: clarity issue_block article thumbnail alignment --- src/themes/clean/assets/css/clean.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/src/themes/clean/assets/css/clean.css b/src/themes/clean/assets/css/clean.css index 4758820388..9ade9630c3 100644 --- a/src/themes/clean/assets/css/clean.css +++ b/src/themes/clean/assets/css/clean.css @@ -476,6 +476,10 @@ a.btn { border-bottom: 1px solid var(--border-light); } +.article-list .article-item { + padding: 2rem; +} + .article-item:last-child { border-bottom: none; padding-bottom: 0; From 32509b96c30b343dc6ed88ea921f233655cce8dc Mon Sep 17 00:00:00 2001 From: StephDriver <5330770+StephDriver@users.noreply.github.com> Date: Mon, 3 Nov 2025 10:54:59 +0000 Subject: [PATCH 12/32] a11y: clarity contrast for text overlaying images --- src/themes/clean/assets/css/clean.css | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/src/themes/clean/assets/css/clean.css b/src/themes/clean/assets/css/clean.css index 9ade9630c3..45bb4a77a3 100644 --- a/src/themes/clean/assets/css/clean.css +++ b/src/themes/clean/assets/css/clean.css @@ -234,6 +234,10 @@ main a { background-color: var(--bg-card-alt); } +.card-img-overlay.white-text > .card-text { + background: var(--bg-overlay); +} + .card.no-image .card-img-overlay { position: relative; background-color: var(--bg-card-alt); @@ -395,7 +399,7 @@ a.btn { left: 0; right: 0; bottom: 0; - background: linear-gradient(transparent, rgba(0, 0, 0, var(--recede-opacity)) 20%); + background: var(--bg-overlay); padding: 2rem; text-align: center; } From 3c40fca06243db75700d5a8b547ac54864f0a1fe Mon Sep 17 00:00:00 2001 From: StephDriver <5330770+StephDriver@users.noreply.github.com> Date: Mon, 3 Nov 2025 11:14:27 +0000 Subject: [PATCH 13/32] a11y: clarity reading options button styling --- src/themes/clean/assets/css/clean.css | 5 ++--- src/themes/clean/templates/elements/journal/reading.html | 6 +++--- 2 files changed, 5 insertions(+), 6 deletions(-) diff --git a/src/themes/clean/assets/css/clean.css b/src/themes/clean/assets/css/clean.css index 45bb4a77a3..ab471437b0 100644 --- a/src/themes/clean/assets/css/clean.css +++ b/src/themes/clean/assets/css/clean.css @@ -579,9 +579,8 @@ a[href^="http"] { background-color: var(--bg-body); } -.btn-opt { - border: 1px solid #1C304A; - background: #f1f1f1; +#reading-options .btn-background { + min-width: 3rem; } .dyslexia-friendly{ diff --git a/src/themes/clean/templates/elements/journal/reading.html b/src/themes/clean/templates/elements/journal/reading.html index 12c6650bbc..7b1c1d24d7 100644 --- a/src/themes/clean/templates/elements/journal/reading.html +++ b/src/themes/clean/templates/elements/journal/reading.html @@ -2,7 +2,7 @@

{% trans 'Text display options' %}

Aa -
-
-
-
+ {% endif %}
{% endblock body %} From 81138a84ff4035d6ceb8aba7eece9bec5616a8b0 Mon Sep 17 00:00:00 2001 From: StephDriver <5330770+StephDriver@users.noreply.github.com> Date: Mon, 3 Nov 2025 12:09:19 +0000 Subject: [PATCH 18/32] a11y: clarity news tag pill remove underlining --- src/themes/clean/assets/css/clean.css | 1 + 1 file changed, 1 insertion(+) diff --git a/src/themes/clean/assets/css/clean.css b/src/themes/clean/assets/css/clean.css index 73b20f24fd..84ae7ca729 100644 --- a/src/themes/clean/assets/css/clean.css +++ b/src/themes/clean/assets/css/clean.css @@ -853,6 +853,7 @@ header svg { .badge-secondary { background-color: var(--brand-secondary); color: #fff; + text-decoration: none; } input + .btn-background { From 51376b4d39c51e6bc164314d6eae70dcce4dd160 Mon Sep 17 00:00:00 2001 From: StephDriver <5330770+StephDriver@users.noreply.github.com> Date: Mon, 3 Nov 2025 12:14:47 +0000 Subject: [PATCH 19/32] a11y: clarity profile don't show empty roles --- .../templates/core/accounts/public_profile.html | 16 +++++++++------- 1 file changed, 9 insertions(+), 7 deletions(-) diff --git a/src/themes/clean/templates/core/accounts/public_profile.html b/src/themes/clean/templates/core/accounts/public_profile.html index a4fc7f37f2..9674c6a7f9 100644 --- a/src/themes/clean/templates/core/accounts/public_profile.html +++ b/src/themes/clean/templates/core/accounts/public_profile.html @@ -10,13 +10,15 @@ {% include "common/elements/profile_image.html" with classes="thumbnail img-fluid editorial-image" user=user %}

{{ user.full_name }}

-

{% trans 'Roles' %}:
-

    - {% for role in roles %} -
  • {{ role.role.name }}
    • - {% endfor %} -
-

+ {% if roles %} +

{% trans 'Roles' %}:
+

    + {% for role in roles %} +
  • {{ role.role.name }}
    • + {% endfor %} +
+

+ {% endif %} {% include "common/elements/profile_affiliations.html" %}
From a338185c08d0adb548bdb4c5778aa8f998d1f391 Mon Sep 17 00:00:00 2001 From: StephDriver <5330770+StephDriver@users.noreply.github.com> Date: Mon, 3 Nov 2025 14:15:41 +0000 Subject: [PATCH 20/32] a11y: clarity remove toc duplicated card --- src/themes/clean/templates/journal/article.html | 2 -- 1 file changed, 2 deletions(-) diff --git a/src/themes/clean/templates/journal/article.html b/src/themes/clean/templates/journal/article.html index 59054d30d8..781d55cbb9 100644 --- a/src/themes/clean/templates/journal/article.html +++ b/src/themes/clean/templates/journal/article.html @@ -377,11 +377,9 @@

{% trans 'CRediT Roles' %}

{% if article_content %}
-

{% trans "Table of Contents" %}

    -
    From e26e705e3fe47c2b180782430106c1a2046da82a Mon Sep 17 00:00:00 2001 From: StephDriver <5330770+StephDriver@users.noreply.github.com> Date: Mon, 3 Nov 2025 14:49:15 +0000 Subject: [PATCH 21/32] a11y: clarity midnight - make background buttons compatible --- src/themes/clean/assets/css/clean.css | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/src/themes/clean/assets/css/clean.css b/src/themes/clean/assets/css/clean.css index 84ae7ca729..b9e38b1601 100644 --- a/src/themes/clean/assets/css/clean.css +++ b/src/themes/clean/assets/css/clean.css @@ -306,7 +306,7 @@ main a { .btn-background:visited { background-color: inherit; color: inherit; - border: 1px solid var(--brand-primary); + border: 1px solid var(--btn-outline-secondary); padding: 0 10px; min-width: 7rem; min-height: 2rem; @@ -320,9 +320,9 @@ main a { } .btn-background:hover { - color: var(--text-on-dark); - background-color: var(--brand-primary); - border-color: var(--brand-primary); + color: var(--btn-primary-text); + background-color: var(--btn-primary-bg); + border-color: var(--btn-primary-border); transition: var(--transition-standard); } From 8e9d6c8afa13430b00583545df81aa77a23dbe8d Mon Sep 17 00:00:00 2001 From: StephDriver <5330770+StephDriver@users.noreply.github.com> Date: Mon, 3 Nov 2025 15:44:54 +0000 Subject: [PATCH 22/32] a11y: clarity midnight - make all colorway inputs styled --- src/themes/clean/assets/css/cardinal.css | 3 +++ src/themes/clean/assets/css/clean.css | 12 ++++++++++++ src/themes/clean/assets/css/evergreen.css | 3 +++ src/themes/clean/assets/css/midnight.css | 6 +++++- src/themes/clean/assets/css/ocean.css | 3 +++ 5 files changed, 26 insertions(+), 1 deletion(-) diff --git a/src/themes/clean/assets/css/cardinal.css b/src/themes/clean/assets/css/cardinal.css index 440873fea2..8cf3d2a922 100644 --- a/src/themes/clean/assets/css/cardinal.css +++ b/src/themes/clean/assets/css/cardinal.css @@ -98,4 +98,7 @@ --pagination-active-bg: var(--btn-primary-bg); --pagination-active-border: var(--btn-primary-border); --pagination-disabled-color: var(--text-muted); + + /* workarounds, note the fill colour is hardcoded not a variable*/ + --custom-select-background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23747474' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px; } \ No newline at end of file diff --git a/src/themes/clean/assets/css/clean.css b/src/themes/clean/assets/css/clean.css index b9e38b1601..f91e40ba3a 100644 --- a/src/themes/clean/assets/css/clean.css +++ b/src/themes/clean/assets/css/clean.css @@ -791,6 +791,18 @@ header svg { /* ======================================================================== Form Elements ======================================================================== */ +input[type="text"], +input[type="email"], +textarea.form-control, +.custom-select { + background: var(--bg-card-alt); + color: var(--text-muted); + border: solid, 1px, var(--brand-primary); +} +.custom-select { + background: var(--custom-select-background); +} + .homepage-element-search-bar input[type="text"] { font-size: 1.5rem; } diff --git a/src/themes/clean/assets/css/evergreen.css b/src/themes/clean/assets/css/evergreen.css index 8b0c9cc687..69bf3de9ee 100644 --- a/src/themes/clean/assets/css/evergreen.css +++ b/src/themes/clean/assets/css/evergreen.css @@ -98,4 +98,7 @@ --pagination-active-bg: var(--btn-primary-bg); --pagination-active-border: var(--btn-primary-border); --pagination-disabled-color: var(--text-muted); + + /* workarounds, note the fill colour is hardcoded not a variable*/ + --custom-select-background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23747474' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px; } \ No newline at end of file diff --git a/src/themes/clean/assets/css/midnight.css b/src/themes/clean/assets/css/midnight.css index b84f8989ac..bd2ebf25a2 100644 --- a/src/themes/clean/assets/css/midnight.css +++ b/src/themes/clean/assets/css/midnight.css @@ -1,6 +1,6 @@ :root { /* Brand & Theme Colors */ - --brand-primary: #0a0f1a; + --brand-primary: #4d9fff;; --brand-secondary: #7eb3ff; --color-success: #5cb85c; --text-link-alt: #6ba3ff; @@ -95,4 +95,8 @@ --pagination-active-bg: var(--btn-primary-bg); --pagination-active-border: var(--btn-primary-border); --pagination-disabled-color: var(--text-muted); + + /* workarounds, note the fill colour is hardcoded not a variable*/ + --custom-select-background: var(--bg-card-alt) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23b0b3b8' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px; + } diff --git a/src/themes/clean/assets/css/ocean.css b/src/themes/clean/assets/css/ocean.css index 52714e12a1..b7678ecf9f 100644 --- a/src/themes/clean/assets/css/ocean.css +++ b/src/themes/clean/assets/css/ocean.css @@ -98,4 +98,7 @@ --pagination-active-bg: var(--btn-primary-bg); --pagination-active-border: var(--btn-primary-border); --pagination-disabled-color: var(--text-muted); + + /* workarounds, note the fill colour is hardcoded not a variable*/ + --custom-select-background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23747474' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px; } \ No newline at end of file From f3565aed7657f56051769080dc124c2f0d8286bc Mon Sep 17 00:00:00 2001 From: StephDriver <5330770+StephDriver@users.noreply.github.com> Date: Mon, 3 Nov 2025 15:52:45 +0000 Subject: [PATCH 23/32] a11y: clarity midnight - make search icon match search input --- src/themes/clean/assets/css/clean.css | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/src/themes/clean/assets/css/clean.css b/src/themes/clean/assets/css/clean.css index f91e40ba3a..04b62e8fe9 100644 --- a/src/themes/clean/assets/css/clean.css +++ b/src/themes/clean/assets/css/clean.css @@ -833,6 +833,12 @@ textarea.form-control, align-items: stretch; } +.input-group-text { + color: var(--body-text); + background: var(--bg-card-alt); + border: solid, 1px, var(--brand-primary); +} + .input-group .custom-select, .input-group .input-group-text { height: 2.5rem; From 007e5ea33a284a19b555dd32d24bb6b91b8cbf01 Mon Sep 17 00:00:00 2001 From: StephDriver <5330770+StephDriver@users.noreply.github.com> Date: Mon, 3 Nov 2025 15:56:29 +0000 Subject: [PATCH 24/32] a11y: clarity midnight - news tags text colour as colourway variable --- src/themes/clean/assets/css/clean.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/themes/clean/assets/css/clean.css b/src/themes/clean/assets/css/clean.css index 04b62e8fe9..1658a5a453 100644 --- a/src/themes/clean/assets/css/clean.css +++ b/src/themes/clean/assets/css/clean.css @@ -870,7 +870,7 @@ textarea.form-control, .badge-secondary { background-color: var(--brand-secondary); - color: #fff; + color: var(--text-white); text-decoration: none; } From d50bfd5510c1f855965b107d4a29d89f302830ce Mon Sep 17 00:00:00 2001 From: StephDriver <5330770+StephDriver@users.noreply.github.com> Date: Tue, 4 Nov 2025 09:08:34 +0000 Subject: [PATCH 25/32] clarity midnight - dyslexia colours --- src/themes/clean/assets/css/midnight.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/themes/clean/assets/css/midnight.css b/src/themes/clean/assets/css/midnight.css index bd2ebf25a2..4bc0771290 100644 --- a/src/themes/clean/assets/css/midnight.css +++ b/src/themes/clean/assets/css/midnight.css @@ -16,7 +16,7 @@ --text-white: #0a0f1a; --text-header: #ffffff; --body-text: #e4e6eb; - --body-text-dyslexia: var(--text-black); + --body-text-dyslexia: #F5F5DC; --nav-text: #b0b3b8; --nav-text-active: #4d9fff; --recede-opacity: 70%; @@ -38,8 +38,8 @@ --bg-card-alt: #1a2235; --bg-blockquote: #1a2235; --bg-overlay: rgba(10, 15, 26, 0.9); - --bg-dyslexia: #F5F5DC; - --bg-dyslexia-em: #FAFAC8; + --bg-dyslexia: black; + --bg-dyslexia-em: var(--bg-card-alt); /* UI State Colors */ --color-danger: #ff6b6b; From f7421cd7252bc4ee0f8a432d5fae3e2fd2ac1bff Mon Sep 17 00:00:00 2001 From: StephDriver <5330770+StephDriver@users.noreply.github.com> Date: Tue, 4 Nov 2025 14:34:14 +0000 Subject: [PATCH 26/32] clarity public profile key info definition as dd --- .../common/elements/affiliations_ul.html | 2 +- src/themes/clean/assets/css/clean.css | 4 + .../core/accounts/public_profile.html | 46 +++++++--- .../journal/editorial_social_content.html | 84 +++++++++++-------- 4 files changed, 88 insertions(+), 48 deletions(-) diff --git a/src/templates/common/elements/affiliations_ul.html b/src/templates/common/elements/affiliations_ul.html index 94b350b875..c57b94dbf2 100644 --- a/src/templates/common/elements/affiliations_ul.html +++ b/src/templates/common/elements/affiliations_ul.html @@ -1,4 +1,4 @@ -
      +
        {% for affiliation in affiliations %}
      • {% include "common/elements/affiliation_display.html" %} diff --git a/src/themes/clean/assets/css/clean.css b/src/themes/clean/assets/css/clean.css index 1658a5a453..ed0d81fb78 100644 --- a/src/themes/clean/assets/css/clean.css +++ b/src/themes/clean/assets/css/clean.css @@ -563,6 +563,10 @@ a.btn { padding-bottom: var(--spacing-sm); } +dt { + font-size: larger; +} + a[href^="http"] { overflow-wrap: anywhere; } diff --git a/src/themes/clean/templates/core/accounts/public_profile.html b/src/themes/clean/templates/core/accounts/public_profile.html index 9674c6a7f9..89b5136d48 100644 --- a/src/themes/clean/templates/core/accounts/public_profile.html +++ b/src/themes/clean/templates/core/accounts/public_profile.html @@ -10,16 +10,42 @@ {% include "common/elements/profile_image.html" with classes="thumbnail img-fluid editorial-image" user=user %}

        {{ user.full_name }}

        - {% if roles %} -

        {% trans 'Roles' %}:
        -

          - {% for role in roles %} -
        • {{ role.role.name }}
          • - {% endfor %} -
        -

        - {% endif %} - {% include "common/elements/profile_affiliations.html" %} +
        + {% if roles.exists %} +
        + {% blocktrans count counter=roles.count %} + Role + {% plural %} + Roles + {% endblocktrans %} +
        +
        +
          + {% for role in roles %} +
        • {{ role.role.name }}
          • + {% endfor %} +
        +
        + {% endif %} + {% if user.affiliations.exists %} +
        + {% blocktrans count counter=user.affiliations.count %} + Affiliation + {% plural %} + Affiliations + {% endblocktrans %} +
        +
        + {% include "common/elements/affiliations_ul.html" with affiliations=user.affiliations %} +
        + {% endif %} + {% if user.website or user.twitter or user.facebook or user.github or user.linkedin %} +
        {% trans 'Social Media' %}
        +
        + {% include "elements/journal/editorial_social_content.html" with user=user %} +
        + {% endif %} +
    {% if user.biography %} diff --git a/src/themes/clean/templates/elements/journal/editorial_social_content.html b/src/themes/clean/templates/elements/journal/editorial_social_content.html index 00ca70d043..befcd66c7a 100644 --- a/src/themes/clean/templates/elements/journal/editorial_social_content.html +++ b/src/themes/clean/templates/elements/journal/editorial_social_content.html @@ -1,53 +1,63 @@ {% if user.website or user.twitter or user.facebook or user.github or user.linkedin %} -

    +

    {% endif %} \ No newline at end of file From b04853cea3b7688c06bc9ebf9154bc4bec592c63 Mon Sep 17 00:00:00 2001 From: StephDriver <5330770+StephDriver@users.noreply.github.com> Date: Tue, 4 Nov 2025 15:19:23 +0000 Subject: [PATCH 27/32] clarity midnight - table caption background --- src/themes/clean/assets/css/clean.css | 1 + 1 file changed, 1 insertion(+) diff --git a/src/themes/clean/assets/css/clean.css b/src/themes/clean/assets/css/clean.css index ed0d81fb78..881a1792a3 100644 --- a/src/themes/clean/assets/css/clean.css +++ b/src/themes/clean/assets/css/clean.css @@ -951,6 +951,7 @@ span + .btn-background { .table-caption { margin-bottom: var(--spacing-sm); + background: var(--bg-card-alt) !important; } .math-formulae { From 613a4b47f953db5ec1b6d6e35377e9b1c90604d4 Mon Sep 17 00:00:00 2001 From: StephDriver <5330770+StephDriver@users.noreply.github.com> Date: Tue, 4 Nov 2025 15:20:58 +0000 Subject: [PATCH 28/32] clarity midnight - figure caption background --- src/themes/clean/assets/css/clean.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/themes/clean/assets/css/clean.css b/src/themes/clean/assets/css/clean.css index 881a1792a3..ba34eec1f7 100644 --- a/src/themes/clean/assets/css/clean.css +++ b/src/themes/clean/assets/css/clean.css @@ -949,7 +949,8 @@ span + .btn-background { z-index: 999; } -.table-caption { +.table-caption, +.fig-caption { margin-bottom: var(--spacing-sm); background: var(--bg-card-alt) !important; } From 909d5a19f63620a3d61a5bed0fbc60dc2eac3452 Mon Sep 17 00:00:00 2001 From: StephDriver <5330770+StephDriver@users.noreply.github.com> Date: Tue, 4 Nov 2025 15:55:29 +0000 Subject: [PATCH 29/32] clarity midnight - table modal styling --- src/themes/clean/assets/css/clean.css | 13 ++++++++++++- 1 file changed, 12 insertions(+), 1 deletion(-) diff --git a/src/themes/clean/assets/css/clean.css b/src/themes/clean/assets/css/clean.css index ba34eec1f7..c5316f6337 100644 --- a/src/themes/clean/assets/css/clean.css +++ b/src/themes/clean/assets/css/clean.css @@ -346,11 +346,17 @@ a.btn { border: 1px black solid; } -.alert .close { +.alert .close, +button.close { color: var(--color-danger); opacity: var(--recede-opacity); } +button.close:hover { + background: var(--color-danger); + color: var(--body-text) +} + .btn-outline-secondary { color: var(--btn-outline-secondary); border-color: var(--btn-outline-secondary); @@ -1159,6 +1165,11 @@ span + .btn-background { min-height: 24px; } +.modal-body { + background: var(--bg-body); + border: var(--border-medium) 1px solid; +} + /* ======================================================================== Accessibility & Skip Navigation ======================================================================== */ From 02c6b31c4c34f0141fb4590401c71b726e293979 Mon Sep 17 00:00:00 2001 From: StephDriver <5330770+StephDriver@users.noreply.github.com> Date: Tue, 4 Nov 2025 15:57:15 +0000 Subject: [PATCH 30/32] clarity midnight - how to cite modal header style --- src/themes/clean/assets/css/clean.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/src/themes/clean/assets/css/clean.css b/src/themes/clean/assets/css/clean.css index c5316f6337..c8a783a759 100644 --- a/src/themes/clean/assets/css/clean.css +++ b/src/themes/clean/assets/css/clean.css @@ -1170,6 +1170,10 @@ span + .btn-background { border: var(--border-medium) 1px solid; } +.modal-header { + background: var(--bg-card-alt); +} + /* ======================================================================== Accessibility & Skip Navigation ======================================================================== */ From 9f5ba08f1f3fbcdc5de7ddcf519fb79985554b1a Mon Sep 17 00:00:00 2001 From: StephDriver <5330770+StephDriver@users.noreply.github.com> Date: Tue, 4 Nov 2025 15:58:35 +0000 Subject: [PATCH 31/32] clarity midnight - table modal styling continued --- src/themes/clean/assets/css/clean.css | 1 + 1 file changed, 1 insertion(+) diff --git a/src/themes/clean/assets/css/clean.css b/src/themes/clean/assets/css/clean.css index c8a783a759..fd768ceac0 100644 --- a/src/themes/clean/assets/css/clean.css +++ b/src/themes/clean/assets/css/clean.css @@ -350,6 +350,7 @@ a.btn { button.close { color: var(--color-danger); opacity: var(--recede-opacity); + text-shadow: none; } button.close:hover { From d29e2c60ed685adef58b8d2693bbfb34ea82fb99 Mon Sep 17 00:00:00 2001 From: StephDriver <5330770+StephDriver@users.noreply.github.com> Date: Tue, 4 Nov 2025 16:24:40 +0000 Subject: [PATCH 32/32] clarity - special collections sidebar list styling --- src/themes/clean/assets/css/clean.css | 6 ++- .../elements/journal/issue_sidebar.html | 42 ++++++++++--------- 2 files changed, 27 insertions(+), 21 deletions(-) diff --git a/src/themes/clean/assets/css/clean.css b/src/themes/clean/assets/css/clean.css index fd768ceac0..d9fb334989 100644 --- a/src/themes/clean/assets/css/clean.css +++ b/src/themes/clean/assets/css/clean.css @@ -591,7 +591,7 @@ a[href^="http"] { z-index: 1000; width: fit-content; margin-left: auto; - background-color: var(--bg-body); + background-color: var(--bg-card-alt); } #reading-options .btn-background { @@ -1008,6 +1008,10 @@ span + .btn-background { margin-left: 0; } +.line-spaced-list > li { + margin-bottom: 0.7rem; +} + .keywords-list { list-style: none; padding-left: 0; diff --git a/src/themes/clean/templates/elements/journal/issue_sidebar.html b/src/themes/clean/templates/elements/journal/issue_sidebar.html index 78dc725db0..18e249e845 100644 --- a/src/themes/clean/templates/elements/journal/issue_sidebar.html +++ b/src/themes/clean/templates/elements/journal/issue_sidebar.html @@ -16,27 +16,29 @@

    {% else %} {% trans issue.issue_type.plural_name %} {% endif %}

    - + {% endspaceless %}