Issues with color customization

[laritakr]

Story

Colors are defined in Hyrax, with additional options & revisions in Hyku. It appears that many of the colors in the appearance menu are not affecting the UI in Pals. This seems to originate in Hyku.

Reset all does not work, though individual reset buttons do.

Hyku color options

Do not work:

• active_tabs_background_color
  body.public-facing .nav-pills > li.active > a,
  body.public-facing .nav-pills > li.active > a:hover,
  body.public-facing .nav-pills > li.active > a:focus
• default_button_background_color and default_button_border_color - Used for:
  - search: advanced, all
  - homepage: share your work, save order, view all collections (all but GO)
  - work: edit, attach child, add to collection, unfeature, citation (all but delete)
  - collection: refresh, list/masonry/gallery/slideshow
  body.public-facing .btn-default
  body.public-facing .btn-default:active,
  body.public-facing .btn-default.active,
  body.public-facing .btn-default:active:hover,
  body.public-facing .btn-default:active:focus,
  body.public-facing .btn-default:active.focus,
  body.public-facing .btn-default.active:hover,
  body.public-facing .btn-default.active:focus,
  body.public-facing .btn-default.active.focus
  body.public-facing .btn-default.disabled:hover,
  body.public-facing .btn-default.disabled:focus,
  body.public-facing .btn-default.disabled.focus,
  body.public-facing .btn-default[disabled]:hover,
  body.public-facing .btn-default[disabled]:focus,
  body.public-facing .btn-default[disabled].focus
• default_button_text_color
  body.public-facing .btn-default
• facet_panel_background_color, facet_panel_text_color, facet_panel_border_color
  body.public-facing .panel-default > .panel-heading
  body.public-facing .panel-default
  body.public-facing .panel-heading.collapse-toggle .panel-title:after
• footer_link_color
  body.public-facing .navbar-inverse .navbar-link
• footer_link_hover_color
  body.public-facing .navbar-inverse .navbar-link:hover
• header_and_footer_text_color
  body.public-facing .navbar-inverse .navbar-brand
• navbar_background_color
  body.public-facing .image-masthead .navbar
  body.public-facing .image-masthead .navbar .active > a,
  body.public-facing .image-masthead .navbar .active > a:hover,
  body.public-facing .image-masthead .navbar .active > a:focus
• primary_button_hover_color - Share, search and collection interaction (edit, feature, etc.) buttons. The border of these buttons will also be this color. YES on collection, NO on work
  body.public-facing .btn-primary
• header_background_border_color
  body.public-facing .navbar-inverse

Work:

• link_color - Affects links on the home and work pages including: breadcrumbs, tabs, titles and terms of service
• link_hover_color
• navbar_link_background_color - Applies to the Home, About, Contact and Help button background color
• navbar_link_background_hover_color - Applies to the Home, About, Contact and Help buttons on those specific pages only (at 15% opacity)
• navbar_link_text_color - text for home, about, help buttons
• navbar_link_text_hover_color - hover text for home, about, help buttons

Contributed back incompletely by Pals - need to fix

• Collection banner text color - The color for the text (title, and last updated date) inside of the collection banner.
  body.public-facing .hyc-banner .hyc-title h1,
  body.public-facing .hyc-last-updated,
  body.public-facing .hyc-created-by

Acceptance Criteria

• All color sliders function.
• Reset all returns the colors to the defaults.

Screenshots / Video

Testing Instructions and Sample Files

• Go to appearance tab and set custom colors.
• Verify that colors show appropriately on home page, catalog search page, work show page, and collection show page for each theme variation.
• Compare with https://demo.hykucommons.org to ensure similar behavior

Notes

samvera/hyku#2398 fixes default themes in Hyku.

Still remaining:

• Verify/fix custom themes in Hyku
• Update hyku in pals knapsack and fix any remaining issues