Forum Discussion
Donia Strand
Dec 18, 2021Iron Contributor
Any way to set primary theme as black but have buttons show up as orange?
We are investigating creating a site theme with black as the primary color, but would like the theme to have buttons such as quick links to display in orange. See below
This is what we have so far in our theme (I just put orange instead of the hex number for what we have currently):
$themepalette = @{
"themePrimary" = "#323130";
"themeLighterAlt" = "#e7e6e5";
"themeLighter" = "#FFOrange ";
"themeLight" = "#FFOrange ";
"themeTertiary" = "#a3a2a0";
"themeSecondary" = "#FFOrange";
"themeDarkAlt" = "#FFOrange ";
"themeDark" = "#605e5d";
"themeDarker" = "#494847";
"neutralLighterAlt" = "#faf9f8";
"neutralLighter" = "#f3f2f1";
"neutralLight" = "#edebe9";
"neutralQuaternaryAlt" = "#e1dfdd";
"neutralQuaternary" = "#d0d0d0";
"neutralTertiaryAlt" = "#c8c6c4";
"neutralTertiary" = "#d8d9da";
"neutralSecondary" = "#b1b3b6";
"neutralPrimaryAlt" = "#8e9093";
"neutralPrimary" = "#808285";
"neutralDark" = "#616265";
"black" = "#47484a";
"white" = "#ffffff";
}
Add-SPOTheme -Identity "Black with Orange Accent" -Palette $themepalette -IsInverted $false
Is there a way to do this, and if so, what color should I modify?
Much thanks.
- After a lot of trial and error, we found the following worked to get the orange buttons we wanted:
$themepalette = @{
"themePrimary" = "#Orange";
"themeLighterAlt" = "#c4c4c4";
"themeLighter" = "#291100";
"themeLight" = "#4d2000";
"themeTertiary" = "#994000";
"themeSecondary" = "#e05e00";
"themeDarkAlt" = "#ff7919";
"themeDark" = "#ff8e3d";
"themeDarker" = "#ffac70";
"neutralLighterAlt" = "#8e9090";
"neutralLighter" = "#a1a3a3";
"neutralLight" = "#c4c4c4";
"neutralQuaternaryAlt" = "#595756";
"neutralQuaternary" = "#5f5e5c";
"neutralTertiaryAlt" = "#7a7977";
"neutralTertiary" = "#c8c8c8";
"neutralSecondary" = "#323130";
"neutralPrimaryAlt" = "#323130";
"neutralPrimary" = "#000000";
"neutralDark" = "#a6a6a6";
"black" = "#595959";
"white" = "#f2f2f2";
"primaryText" = "#323130"
}
Add-SPOTheme -Identity "Orange with Grey Accent" -Palette $themepalette -IsInverted $false -Overwrite
- Donia StrandIron ContributorAfter a lot of trial and error, we found the following worked to get the orange buttons we wanted:
$themepalette = @{
"themePrimary" = "#Orange";
"themeLighterAlt" = "#c4c4c4";
"themeLighter" = "#291100";
"themeLight" = "#4d2000";
"themeTertiary" = "#994000";
"themeSecondary" = "#e05e00";
"themeDarkAlt" = "#ff7919";
"themeDark" = "#ff8e3d";
"themeDarker" = "#ffac70";
"neutralLighterAlt" = "#8e9090";
"neutralLighter" = "#a1a3a3";
"neutralLight" = "#c4c4c4";
"neutralQuaternaryAlt" = "#595756";
"neutralQuaternary" = "#5f5e5c";
"neutralTertiaryAlt" = "#7a7977";
"neutralTertiary" = "#c8c8c8";
"neutralSecondary" = "#323130";
"neutralPrimaryAlt" = "#323130";
"neutralPrimary" = "#000000";
"neutralDark" = "#a6a6a6";
"black" = "#595959";
"white" = "#f2f2f2";
"primaryText" = "#323130"
}
Add-SPOTheme -Identity "Orange with Grey Accent" -Palette $themepalette -IsInverted $false -Overwrite