diff --git a/app/assets/css/main.css b/app/assets/css/main.css index 9ee189f..4167651 100644 --- a/app/assets/css/main.css +++ b/app/assets/css/main.css @@ -27,10 +27,7 @@ --text: #2a2015; --text-bright: #1a1008; --text-dim: #5a5040; - /* Darkened from #746a58 (4.01:1 on --surface, fails WCAG AA) to #665c4b - (4.94:1 on --surface, 5.13:1 on --bg). Stays visually quieter than - --text-dim (5.80:1) while meeting AA for small text. */ - --text-faint: #665c4b; + --text-faint: #746a58; --parch: #2a2015; --parch-hover: #3a3025; --parch-text: #ede4d0; diff --git a/app/components/BoardPostCard.vue b/app/components/BoardPostCard.vue index a79a535..97067e9 100644 --- a/app/components/BoardPostCard.vue +++ b/app/components/BoardPostCard.vue @@ -178,8 +178,7 @@ const slackLinks = computed(() => { font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; - /* --text-faint fails WCAG AA (4.01:1) on the cream card bg */ - color: var(--text-dim); + color: var(--text-faint); } .post-actions { @@ -234,8 +233,7 @@ const slackLinks = computed(() => { font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; - /* --text-faint fails WCAG AA (4.01:1) on the cream card bg */ - color: var(--text-dim); + color: var(--text-faint); margin-bottom: 2px; } .block-text { @@ -246,8 +244,7 @@ const slackLinks = computed(() => { .post-note { font-size: 11px; - /* --text-faint fails WCAG AA (4.01:1) on the cream card bg */ - color: var(--text-dim); + color: var(--text-faint); font-style: italic; margin: 8px 0; white-space: pre-wrap; @@ -296,8 +293,7 @@ const slackLinks = computed(() => { align-items: center; justify-content: center; font-size: 10px; - /* --text-faint fails WCAG AA (4.01:1) on the cream card bg */ - color: var(--text-dim); + color: var(--text-faint); font-family: "Commit Mono", monospace; } .author-name { @@ -312,8 +308,7 @@ const slackLinks = computed(() => { } .slack-handle { font-size: 11px; - /* --text-faint fails WCAG AA (4.01:1) on the cream card bg */ - color: var(--text-dim); + color: var(--text-faint); font-family: "Commit Mono", monospace; background: transparent; border: none; diff --git a/app/config/memberStatus.js b/app/config/memberStatus.js deleted file mode 100644 index 04850e8..0000000 --- a/app/config/memberStatus.js +++ /dev/null @@ -1,8 +0,0 @@ -export const STATUS_LABELS = { - active: "Active", - pending_payment: "Payment setup incomplete", - suspended: "Paused", - cancelled: "Closed", -}; - -export const statusLabel = (s) => STATUS_LABELS[s] || "Pending"; diff --git a/app/pages/admin/members/[id].vue b/app/pages/admin/members/[id].vue index e082be7..567caf9 100644 --- a/app/pages/admin/members/[id].vue +++ b/app/pages/admin/members/[id].vue @@ -63,11 +63,10 @@
@@ -243,7 +242,6 @@