SHS-5182: Warbler button styles/utility class button styles update

[cienvaras]

READY FOR REVIEW

Summary

• Update styles of .hs-button and .hs-secondary-button utility classes in warbler color scheme to ensure that they looks as expected in all cases
• Fix styles of table header links in warbler color scheme

Need Review By (Date)

01/26

Urgency

medium

Steps to Test

1. Install the sociology site
2. Visit the Traditional theme settings and change the color pairing to "Warbler"
3. Visit the "PHD Placement Table" display of the "Sociology People" view config page, click on the "Settings" link in the "Format" section and make the "PhD Year" column sortable.
   
4. Click on the "Content: Link to edit Content (Edit)" link in the "Fields" section, go to "Style Settings" and change the CSS class to hs-button
5. Save the view.
6. Visit the PhD Placements page and confirm the following:
   a. The "PhD Year" label in the heading table is a link and its color is white
   b. The "edit" button text is white in all cases
   
7. Edit the view config page again and change back the "Content: Link to edit Content (Edit)" field class to hs-secondary-button. Go back to the PhD Placements page and confirm that the "edit" button text is white on hover.

PR Checklist

• PR Checklist
• Humsci Basic PR Checklist

[mndonx]

I'm guessing you had no other option but to use !important here... this site is so hard for overrides.

[cienvaras]

Yes, overrides in this case are hard, the clases used for setting the colors are really specific 🤷🏽‍♂️

[mndonx]

@cienvaras Everything works as expected except for the focus state on the secondary button style - for me it is showing white text on white background. Otherwise, looks good!

[cienvaras]

@mndonx Thanks! It's fixed now, I thought that the focus styles matched the hoves ones, but that's not the case. It should work now.