Forum Discussion

Donia Strand's avatar
Donia Strand
Iron Contributor
Dec 18, 2021

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...
SharePoint Online
  • Donia Strand's avatar
    Donia Strand
    Feb 11, 2022
    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 Strand's avatar
Donia Strand
Iron Contributor
Feb 11, 2022
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

Resources