Pagination Styling is not dynamic with differing backgrounds

[worycatts]

Note: for support questions, please use one of these channels: Chat: BullhornOSS Gitter

Describe the bug
Pagination does not have a dynamic background color indicating the page selection. Currently, #f4f4f4 is used as the background color indicating which page is selected. When pages themselves use the background color of #f4f4f4, the user cannot determine which page is selected due to the colors being the same.

To Reproduce
Steps to reproduce the behavior:

1. Login with shifts enabled user - Confluence User (Beta)
2. After logged in, open DevTools > Console and paste the following in the console
   a. debugMenu('https://shift-scheduler-f-real-golden.ets-dev2.kube.bullhorn.com/schedule')
3. When scheduler loads, select a different page in the header to view which page is selected

Expected behavior
Verify: The selected page is easily identifiable

Actual behavior
Actual: The user cannot determine which page is selected as the background pagination color is the same as the header background color

Specifications

• Version: v6.0.0
• Platform: Novo
• Subsystem:

Screenshots
This screenshot shows that pagination is visible in Novo, but doesn't account for backgrounds with the same color.

Another example using the background colors of #f4f4f4

Additional context
This ticket is to create a dynamic background when selecting a page to easily identify which page the user is on regardless of the background color.