Align text, link, and bullet point styles more closely to Emory CPA style guide

[cwbragg]

Is your feature request related to new functionality not yet included in the product? Please describe.
No.

Is your feature request related to a problem or a change to existing functionality? Please describe.

Problem. The Emory Libraries header sizes and colors could be closer in alignment to the Emory CPA style guide:

https://template.emory.edu/cpa/style-guide/interior/index.html

Describe the solution you'd like

1. Modify header sizes and colors when used within a text component.

In particular, the default H2 is almost the same size as H1 (used for page titles). It is also close to the same color as H1, whereas the CPA guide alternates the colors between dark blue ("Emory blue") and gold.

2. Use a somewhat darker color for hyperlinks. https://wave.webaim.org/ flags our links for being less accessibility-friendly due to low contrast.

3. Replace square bullet points with round ones.

4. for style dropdown in text editor box, is it possible to hide greyed-out options?

Describe alternatives you've considered
There is an H2 style named "Header 2 size [H2]" that is closer in size to the CPA H2 size. We currently use this for H2 headings in the text components. It takes users a while to find this in the header style list dropdown.

How will this impact users?
For czars and smes, less second guessing header sizes.
For users, a more "unified brand experience" across the Libraries and University.

Additional context
Add any other context or screenshots about the feature request here.

[maxdmayhew]

Nice

[maxdmayhew]

I would consider breaking this ticket up into a few tickets.

• Get styles in place.
• text styles (lists, buttons, links, headers)
• images
• accordions
• images with text
• Cards (could do a ticket per card type, might want to refer to our figma design or w/e)
• info box
• callout box
• google map media embed
• Refactoring existing (deleting, renaming, cleanup)

[cwbragg]

Wait on this until Emory central comms publishes their updated style guide after Drupal migration.

Example: header fonts will change.