Das neue Modern UI von SharePoint sieht ja out-of-the Box ja schon sehr gut aus (ich weiss darüber lässt sich streiten 🙂 ). Mit ein paar einfach Kniffen kann man ein eigenes Site Design erstellen, und damit kleine Anpassungen am UI vornehmen. Mit kleinen Anpassungen meine ich Farbschema, Logo und kleinere Einstellungen.
Das Microsoft 365 – Admin Center
Im Admin Center gibt es eine Einstellung, um die obere Leiste farblich anzupassen und ein Logo zu setzen: https://admin.microsoft.com/Adminportal/Home?source=applauncher#/companyprofile
Diese Einstellungen enthalten das Banner, das Icon und Farbcodes die sich über alle Applikationen im Browser durchziehen.
Erstellung (PowerShell)
Für die Erstellung benötige ich lediglich die SharePoint Online PowerShell – ist keine Raketenwissenschaft – da fuchst sich jeder rein, Voraussetzung Sie haben Zeit und Geduld 🙂 Für alle anderen gibt es Berater – wie z.B. die COPiTOS GmbH 😉
Theme
Jetzt kommt ein Tipp: Auf der Seite Microsoft Fluent UI könnt Ihr euch die PowerShell relevanten Theme-Parameter genereieren (Theme Generator)
Fast fertig, jetzt nur noch veröffentlichen
Connect-SPOService -Url https://XXX-admin.sharepoint.com
$themepallette = @{
„themePrimary“ = „#90a09b“;
„themeLighterAlt“ = „#fafbfb“;
„themeLighter“ = „#ecf0ef“;
„themeLight“ = „#dce3e1“;
„themeTertiary“ = „#bac6c3“;
„themeSecondary“ = „#9daca7“;
„themeDarkAlt“ = „#82918c“;
„themeDark“ = „#6e7a76“;
„themeDarker“ = „#515a57“;
„neutralLighterAlt“ = „#f8f8f8“;
„neutralLighter“ = „#f4f4f4“;
„neutralLight“ = „#eaeaea“;
„neutralQuaternaryAlt“ = „#dadada“;
„neutralQuaternary“ = „#d0d0d0“;
„neutralTertiaryAlt“ = „#c8c8c8“;
„neutralTertiary“ = „#c1c7c5“;
„neutralSecondary“ = „#868f8c“;
„neutralPrimaryAlt“ = „#525b58“;
„neutralPrimary“ = „#3e4643“;
„neutralDark“ = „#2f3432“;
„black“ = „#222725“;
„white“ = „#ffffff“;
„primaryBackground“ = „#ffffff“;
„primaryText“ = „#3e4643“;
„bodyBackground“ = „#ffffff“;
„bodyText“ = „#3e4643“;
„disabledBackground“ = „#f4f4f4“;
„disabledText“ = „#c8c8c8“;
}
Add-SPOTheme -Name “ntaflos.de Theme” -Palette $themepallette -IsInverted $False