Teams statt SharePoint: So integrieren Sie das Intranet oder SharePoint-Seiten als App in Teams
25. Juli 2020
laptop office working men
Microsoft Teams App Empfehlung: Die Schicht-APP Planen von Personal Schichten
27. Juli 2020

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

Microsoft 365 Admin Center „UI Einstellungen“

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

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht.

Diese Website verwendet Akismet, um Spam zu reduzieren. Erfahre mehr darüber, wie deine Kommentardaten verarbeitet werden.