デスクトップアシスタントのテーマをカスタマイズ

  • リリースバージョン: Australia
  • 更新日 2026年03月12日
  • 所要時間：2分

    • 利用可能なテーマを適用するか、特定のテーマ CSS 変数を変更して組織のブランディングに合わせて、 デスクトップアシスタント アプリケーションのテーマをカスタマイズします。

    始める前に

    DEX デスクトップアシスタント [sn_dex_desktop] アプリケーションがインストールされていることを確認します。詳細については、次を参照してください。 インストール アプリケーションとデバイスヘルス および ダウンロードとインストール デスクトップアシスタント。

    必要なロール：sn_dex_desktop.admin

    手順

    1. 移動先 すべて > デスクトップアシスタント > 設定 > アプリケーション.
    2. デスクトップアシスタントテーマをカスタマイズします。
      注:
      従業員センター (EC) テーマは、 デスクトップアシスタントに適用されるデフォルトのテーマです。
      メソッドステップ
      利用可能な別のテーマを適用
      1. デスクトップアシスタントフォームで、[テーマ] フィールドの [リストから参照] アイコンを選択します。
      2. [テーマ] ページで、テーマリストからテーマを選択します。

        選択したテーマが、デスクトップアシスタントフォームの [テーマ] フィールドで更新されます。

      3. [Update (更新)] を選択します。
      特定の CSS 変数を変更して、デフォルトテーマをカスタマイズします
      1. デスクトップアシスタントフォームで、[テーマ] フィールドの近くにある [このレコードをプレビュー] アイコンを選択します。
      2. プレビューダイアログボックスで、[ レコードを開く] を選択します。
      3. [ CSS 変数] セクションで、次のいずれかの方法で事前定義された変数を変更します。
        • 直接値割り当て:変数に値を直接割り当てます。例: $sp-space—xl:4px;
        • 間接的な値の割り当て:別の変数の値を変数に割り当てることによって、既存の変数への参照を作成します。たとえば、 $badge色:$text白です。
        • ceil () 関数の使用: 変数値を計算し、ceil () 関数を使用して値を最も近い整数に切り上げます。例えば、 ceil(($font-size-base * 1.125)) // 18px;
      4. [Update (更新)] を選択します。
      カスタマイズ デフォルトテーマ以外のテーマ
      1. デスクトップアシスタントフォームで、[テーマ] フィールドの [リストから参照] アイコンを選択します。
      2. [テーマ] ページで、テーマリストからテーマを選択します。

        選択したテーマが、デスクトップアシスタントフォームの [テーマ] フィールドで更新されます。

      3. [テーマ] フィールドの近くにある [このレコードをプレビュー] アイコン選択します。
      4. プレビューダイアログボックスで、[ レコードを開く] を選択します。
      5. [ CSS 変数] セクションで、次のいずれかの方法で事前定義された変数を変更します。
        • 直接値割り当て:変数に値を直接割り当てます。例: $sp-space—xl:4px;
        • 間接的な値の割り当て:別の変数の値を変数に割り当てることによって、既存の変数への参照を作成します。たとえば、 $badge色:$text白です。
        • ceil () 関数の使用: 変数値を計算し、ceil () 関数を使用して値を最も近い整数に切り上げます。例えば、 ceil(($font-size-base * 1.125)) // 18px;
      6. [Update (更新)] を選択します。

      詳細については、「テーマをカスタマイズする変数 デスクトップアシスタント」を参照してください。