Skip to content

Accessibility Improvements: App Colors#1993

Open
cnathe wants to merge 22 commits intodevelopfrom
fb_accessibilityColors
Open

Accessibility Improvements: App Colors#1993
cnathe wants to merge 22 commits intodevelopfrom
fb_accessibilityColors

Conversation

@cnathe
Copy link
Copy Markdown
Contributor

@cnathe cnathe commented May 1, 2026

Rationale

This PR updates the color system in @labkey/components for accessibility: it introduces semantic color tokens ($text-color-light, $link-color, alert variables), updates brand/state colors to more accessible values,
consolidates hardcoded color strings to variables, and migrates several component buttons from btn-info to btn-primary or btn-success.

Related Pull Requests

Changes

  • Link blue #2980B9 change to #0F72C2
  • Change usages of #777 and $gray-light to $text-color-light
  • Light gray text colors and icons to use $text-color-light and $gray-dark for hover
  • Replace usages of light blue (btn-info)
  • Link blue #2980B9 change to #0F72C2
  • Change orange badge color $badge-color to #D43F3A
  • Green icon and button #5CB85C change to #5AA54A ($brand-success)
  • Blue banner, status tag, and filter pill updates to colors
  • Search panel button to use btn-success instead of custom colors
  • Update to $brand- color variables
  • Alert/error banner color update

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant