Customizing font color in hub navigation

Question

The Hub navigation is appearing very light grey, which is not ideal for accessibility. How to change font color for the hub navigation?

Answer 1

Hi @lilyvalley-8419 ,

You're trying to improve the accessibility of your SharePoint hub navigation by changing the font color. You can change the color of the hub navigation bar through the UI. Unfortunately, there is currently no out-of-the-box way to customize the font color in hub navigation

Here are some steps you can follow to customize the font color:

1.If you have experience in developing autonomous code, You can try to add the modern script web part youeself, insert css code to change the font color of the hub navigation bar.

2.As a workaround, you can change the hub navigation bar color. To increase the contrast between the font and background colors.This will improve the accessibility of hub navigation links.

Go to site settings of hub site>Change the look>under the header section>Background> select a theme color to change the background color of your site header.

Hope this can help you.

---

If the answer is helpful, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.