DATAP-1546 Made accessibility fixes to Action bar buttons

[cdmh219]

Button colors for Action Bar may have been indirectly changed when the styling overrides were updated/taken out. Fixed the Action Bar "Export data" and "Print" buttons so that they continue to meet accessibility requirements.

New Colors:

• Default: Dark pacific
• Hover: Navy
• Focus: Dark pacific + 1px dotted outline in dark pacific
• Active: Navy + 1px dotted outline in navy

Additions

Removals

Changes

Testing

• Go to branch DATAP-1546-Change-Action-Bar-Button-Colors
• Run yarn start
• Go to Action Bar to view "Export Data" and "Print" buttons
• Use Chrome DevTools to ensure that colors match each button and their states (default, active, focus, and hover)
  

Screenshots

Before

After
Default:

Hover:

Focus:

Active:

Notes

Todos

Checklist

• Changes are limited to a single goal (no scope creep)
• Code can be automatically merged (no conflicts)
• Code follows the standards laid out in the front end playbook
• Passes all existing automated tests
• New functions include new tests
• New functions are documented (with a description, list of inputs, and expected output)
• Placeholder code is flagged
• Visually tested in supported browsers and devices
• Project documentation has been updated (including the "Unreleased" section of the CHANGELOG)

[flacoman91]

Looks good!