Site navigation and Hub Navigation Theme

%3CLINGO-SUB%20id%3D%22lingo-sub-2190016%22%20slang%3D%22en-US%22%3ESite%20navigation%20and%20Hub%20Navigation%20Theme%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2190016%22%20slang%3D%22en-US%22%3E%3CP%3EHi%20All%2C%26nbsp%3B%3C%2FP%3E%3CP%3EBit%20urgent%20help%20needed.%26nbsp%3B%3CIMG%20class%3D%22lia-deferred-image%20lia-image-emoji%22%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Fhtml%2F%409839A717402516D64549B98324F4F0C1%2Fimages%2Femoticons%2Fsad_40x40_1.gif%22%20alt%3D%22%3Asad%3A%22%20title%3D%22%3Asad%3A%22%20%2F%3E%3C%2FP%3E%3CP%3E%3CSPAN%3EI%20have%20created%20an%20site%20(SharePoint%20Online)%20with%20a%20communication%20site(HubSite%20)%20and%20associate%20sites.%20Now%20I%20m%20in%20the%20midle%20of%20creating%20the%20theme.%20My%20main%20color%20is%20Orange%2C%20but%20I%20want%20to%20have%20a%20Gray%20color%20in%20the%20top%20navigation%20(%20Header%20theme%2C%20Site%20bar%20%2B%20%3CU%3E%3CSTRONG%3Ehub%20bar%3C%2FSTRONG%3E%3C%2FU%3E)%2C%20also%20want%20to%20have%20Header%20text%20white%20color%20(%20Site%20nav%2C%20site%20name%2C%20Hub%20name%2C%20and%20Hub%20nav%20text)%20without%20affecting%20the%20site%20main%20body%20text%20color%20(which%20is%20blank)%20or%20main%20body%20background%20color.%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%3CSPAN%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22question.png%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F261386i014AC4C78FC70ACB%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%22question.png%22%20alt%3D%22question.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%3CSPAN%3EFollowing%20is%20the%20main%20selected%20(approved)%20color%20combination%20for%20the%20site.%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22question%202.png%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F261387i74F1AFAE49726983%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%22question%202.png%22%20alt%3D%22question%202.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%3CSPAN%3EI%20tried%20following%20but%20the%20SIte%20header%20still%20Orange%20(primary%20color)%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%3CSPAN%3E%24palette%20%3D%40%7B%3CBR%20%2F%3E%22themePrimary%22%20%3D%20%22%23cc4e0a%22%3B%3CBR%20%2F%3E%22themeLighterAlt%22%20%3D%20%22%234a4a4a%22%3B%3CBR%20%2F%3E%22themeLighter%22%20%3D%20%22%23f7ded1%22%3B%3CBR%20%2F%3E%22themeLight%22%20%3D%20%22%23f0c3ab%22%3B%3CBR%20%2F%3E%22themeTertiary%22%20%3D%20%22%23e08d60%22%3B%3CBR%20%2F%3E%22themeSecondary%22%20%3D%20%22%23d26022%22%3B%3CBR%20%2F%3E%22themeDarkAlt%22%20%3D%20%22%23b84609%22%3B%3CBR%20%2F%3E%22themeDark%22%20%3D%20%22%239b3b08%22%3B%3CBR%20%2F%3E%22themeDarker%22%20%3D%20%22%23722c06%22%3B%3CBR%20%2F%3E%22neutralLighterAlt%22%20%3D%20%22%23f8f8f8%22%3B%3CBR%20%2F%3E%22neutralLighter%22%20%3D%20%22%23f4f4f4%22%3B%3CBR%20%2F%3E%22neutralLight%22%20%3D%20%22%23eaeaea%22%3B%3CBR%20%2F%3E%22neutralQuaternaryAlt%22%20%3D%20%22%23dadada%22%3B%3CBR%20%2F%3E%22neutralQuaternary%22%20%3D%20%22%23d0d0d0%22%3B%3CBR%20%2F%3E%22neutralTertiaryAlt%22%20%3D%20%22%23c8c8c8%22%3B%3CBR%20%2F%3E%22neutralTertiary%22%20%3D%20%22%23a19f9d%22%3B%3CBR%20%2F%3E%22neutralSecondary%22%20%3D%20%22%23ffffff%22%3B%3CBR%20%2F%3E%22neutralPrimaryAlt%22%20%3D%20%22%233b3a39%22%3B%3CBR%20%2F%3E%22neutralPrimary%22%20%3D%20%22%23323130%22%3B%3CBR%20%2F%3E%22neutralDark%22%20%3D%20%22%23201f1e%22%3B%3CBR%20%2F%3E%22black%22%20%3D%20%22%23000000%22%3B%3CBR%20%2F%3E%22white%22%20%3D%20%22%23ffffff%22%3B%3CBR%20%2F%3E%23%20Custom%3CBR%20%2F%3E%22backgroundOverlay%22%20%3D%20%22%234a4a4a%22%3B%20%23dimgray%3CBR%20%2F%3E%22neutral%22%20%3D%20%22%234a4a4a%22%3B%20%23dimgray%3CBR%20%2F%3E%7D%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%3CSPAN%3EAppreciate%20your%20advice.%20Thanks.%3C%2FSPAN%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-2190016%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3ESharePoint%20Online%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E
Contributor

Hi All, 

Bit urgent help needed. :sad:

I have created an site (SharePoint Online) with a communication site(HubSite ) and associate sites. Now I m in the midle of creating the theme. My main color is Orange, but I want to have a Gray color in the top navigation ( Header theme, Site bar + hub bar), also want to have Header text white color ( Site nav, site name, Hub name, and Hub nav text) without affecting the site main body text color (which is blank) or main body background color.

question.png

Following is the main selected (approved) color combination for the site.

 

question 2.png

I tried following but the SIte header still Orange (primary color)

$palette =@{
"themePrimary" = "#cc4e0a";
"themeLighterAlt" = "#4a4a4a";
"themeLighter" = "#f7ded1";
"themeLight" = "#f0c3ab";
"themeTertiary" = "#e08d60";
"themeSecondary" = "#d26022";
"themeDarkAlt" = "#b84609";
"themeDark" = "#9b3b08";
"themeDarker" = "#722c06";
"neutralLighterAlt" = "#f8f8f8";
"neutralLighter" = "#f4f4f4";
"neutralLight" = "#eaeaea";
"neutralQuaternaryAlt" = "#dadada";
"neutralQuaternary" = "#d0d0d0";
"neutralTertiaryAlt" = "#c8c8c8";
"neutralTertiary" = "#a19f9d";
"neutralSecondary" = "#ffffff";
"neutralPrimaryAlt" = "#3b3a39";
"neutralPrimary" = "#323130";
"neutralDark" = "#201f1e";
"black" = "#000000";
"white" = "#ffffff";
# Custom
"backgroundOverlay" = "#4a4a4a"; #dimgray
"neutral" = "#4a4a4a"; #dimgray
}

Appreciate your advice. Thanks.

0 Replies