8151 - Added personalization color changes

[tmcconechy]

Explain the details for making this change. What existing problem does the pull request solve?

Fixes some wrong colors in personalization.

Related github/jira issue (required):
Fixes #8151
Fixes #8152

Steps necessary to review your pull request (required):

• http://localhost:4000/components/personalize/example-index.html
• type the following in the console

Soho.theme.personalizationColors().default

• default is white
• copy the class primary-bg color and put it on the header -> header should stay white
• change to dark node http://localhost:4000/components/personalize/example-index.html?colors=default&theme=new&mode=dark -> notice that the border is fixed

Included in this Pull Request:

• A note to the change log.

[glenlieorillo]

The fix has already been applied. However, the 'More' menu is not visible.

Screen.Recording.2023-11-10.at.8.56.36.PM.mov

[tmcconechy]

@glenlieorillo try running npm i because there is new icon packages and maybe you switched between a branch with old and new ones on localhost.

[jbrcna]

[janahintal]

Working as expected in https://8151-personalization-colors-enterprise.demo.design.infor.com/components/personalize/example-index.html?theme=new&mode=light&colors=default