How to change the background color of the Hub Navigation bar in SharePoint Online (to a specific color, not dependent on the theme)?

Question

Hi there

How to change the background color of the Hub Navigation bar in SharePoint Online (to a specific color, not dependent on the theme)?

Thank you.

Answer 1

@frob ,

In order to change the hub navigation bar color, we can 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.

Note that the background of the site header(include the hub navigation bar)will depend on your site theme:

----------------------------------------------------Update Answer--------------------------------------------------

Sorry I missed your attached request, if you don't want to depend on the theme, we can add the modern script web part, insert css code to change the backgroud-color of the hub navigation bar:

<style>  
.root-42  
{  
    background-color: #B2E23B !important;  
}  
</style>  

Then republish the page to check the result:

---

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.

---

Answer 2

Do I have to add "Modern Script Webpart" on all the pages of the Hub? How can i ensure that the change of hub navigation bar color is across all sites in the hub.