Office.OfficeTheme interface

注釈

サポートされているアプリケーション (プラットフォーム別)

重要: Outlook では、Office テーマ API はメール ボックス要件セット 1.14 以降でサポートされています。 イベント ベースのライセンス認証を実装する Outlook アドインではサポートされていません。

使用元

• Office.Context: officeTheme
• Office.OfficeThemeChangedEventArgs: officeTheme

例

function applyOfficeTheme() {
    // Identify the current Office theme in use.
    const currentOfficeTheme = Office.context.officeTheme.themeId;

    if (currentOfficeTheme === Office.ThemeId.Colorful || currentOfficeTheme === Office.ThemeId.White) {
        console.log("No changes required.");
    }

    // Get the colors of the current Office theme.
    const bodyBackgroundColor = Office.context.officeTheme.bodyBackgroundColor;
    const bodyForegroundColor = Office.context.officeTheme.bodyForegroundColor;
    const controlBackgroundColor = Office.context.officeTheme.controlBackgroundColor;
    const controlForegroundColor = Office.context.officeTheme.controlForegroundColor;

    // Apply theme colors to a CSS class.
    $("body").css("background-color", bodyBackgroundColor);

    if (Office.context.officeTheme.isDarkTheme) {
        $("h1").css("color", controlForegroundColor);
    }
}

プロパティ

bodyBackgroundColor

bodyBackgroundColor: string;

bodyForegroundColor

bodyForegroundColor: string;

controlBackgroundColor

controlBackgroundColor: string;

controlForegroundColor

controlForegroundColor: string;

fluentThemeData

fluentThemeData?: object;

isDarkTheme

isDarkTheme: boolean;

themeId

themeId: ThemeId;