カスタム配色またはサポートされている旧配色から MOVEit 8.2 (以降) へのアップグレード

MOVEit 8.2 以降でサポートされている旧配色のリストは以下のとおりです。

サポートされている上記のいずれかの旧配色を使用しているか、またはカスタマイズ済みの配色を使用していて、MOVEit 8.2 (以降) にアップグレードした場合は、引き続き既存の配色を使用できますが、以下のような変更点があります。

• [Signon (サインオン)] ページが新しいレイアウトと色になる。
• 左ナビゲーションメニューが新しい外観になる。
• インターフェイス全体で一部のテキストリンクがボタンに変更される。

これらの色を既存の配色に一致するように変更するには、「配色 - カスタム」を参照してください。

特に左ナビゲーションメニューの色をカスタマイズするには、次の手順を実行します。

1. [Settings (設定)] > [Appearance/Brand (外観/ブランド)] > [Color Scheme (配色)] で現在の MOVEit Transfer の配色を確認します。
2. MOVEit Transfer ファイルディレクトリ \wwwroot\templates にある配色 css ファイルを見つけます。デフォルトパスは C:\MOVEitDMZ\wwwroot\templates です。
3. 次の css コードをコピーして配色 css ファイルの末尾に貼り付けます。

   .tab a,

   .tab span {

   font-weight:bold;

   color:#555555;

   }

   .tab a:link,

   .tab a:visited {

   text-decoration:none;

   }

   .tab a:hover,

   .tab a:active {

   text-decoration:none;

   background-color:#9A7B9C;

   color:white;

   border-top-color:transparent;

   border-bottom-color:transparent;

   }

   .tab.selectedtab a {

   background-color:#4D1F54;

   color:white;

   border-top-color:transparent;

   border-bottom-color:transparent;

   }

   #tab_home.selectedtab a,

   #tab_home a:hover,

   #tab_home a:active {

   background-image:url("../images/iconhome1-selected.png");

   }

   #tab_users.selectedtab a,

   #tab_users a:hover,

   #tab_users a:active {

   background-image:url("../images/iconuser1-selected.png");

   }

   #tab_groups.selectedtab a,

   #tab_groups a:hover,

   #tab_groups a:active {

   background-image:url("../images/icongroup1-selected.png");

   }

   #tab_folders.selectedtab a,

   #tab_folders a:hover,

   #tab_folders a:active {

   background-image:url("../images/iconfolder1-selected.png");

   }

   #tab_messaging.selectedtab a,

   #tab_messaging a:hover,

   #tab_messaging a:active {

   background-image:url("../images/iconpkg1-selected.png");

   }

   #tab_history.selectedtab a,

   #tab_history a:hover,

   #tab_history a:active {

   background-image:url("../images/iconlogs1-selected.png");

   }

   #tab_stats.selectedtab a,

   #tab_stats a:hover,

   #tab_stats a:active {

   background-image:url("../images/iconstats1-selected.png");

   }

   #tab_settings.selectedtab a,

   #tab_settings a:hover,

   #tab_settings a:active {

   background-image:url("../images/iconsettings1-selected.png");

   }

   #tab_orgs.selectedtab a,

   #tab_orgs a:hover,

   #tab_orgs a:active {

   background-image:url("../images/iconorg1-selected.png");

   }

   #tab_schemes.selectedtab a,

   #tab_schemes a:hover,

   #tab_schemes a:active {

   background-image:url("../images/iconscheme1-selected.png");

   }

4. 追加された上記のコードで、目的の配色に一致するように以下のスタイルを編集します。
   • .tab a:hover, .tab a:active: BACKGROUND-COLOR プロパティは、左ナビゲーションメニューのいずれかの項目にマウスポインタを合わせたときに表示される色です。
   • .tab.selectedtab a: BACKGROUND-COLOR プロパティは、左ナビゲーションメニューのいずれかの項目を選択したときに表示される色です。

     上記のどちらのスタイルにも、同様の明るさの背景色を選択してください。

     注: 重要: 淡い色合いの背景色を選択した場合は、以下のようにする必要があります。
     注: -- 両方のスタイルの COLORプロパティを白から黒などの暗い色に変更します (COLOR プロパティはフォント色を制御します。BACKGROUND-COLOR が淡い色合いの場合は、はっきりと表示されるようにフォントの COLOR を暗い色にする必要があります)。
     注: -- #tab_ で始まるコードを含めないでください。そのコードを削除するか、またはコメントアウトします (#tab_ コードは、マウスポインタを合わせるかまたは選択したときに、左ナビゲーションメニューのアイコン色を白に設定します。淡い色合いの BACKGROUND-COLOR を選択した場合は、デフォルトの暗い色のアイコンを維持する必要があります)。
5. MOVEit Transfer に戻り、[Home (ホーム)] をクリックします。左ナビゲーションバーの [Home (ホーム)] リンクが、指定した色で強調表示されます。
   注: 強調表示されない場合は、ブラウザキャッシュをクリアしてブラウザを再起動し、MOVEit Transfer にサインオンしてください。それでも強調表示されない場合は、使用しているブラウザがサポートされているかどうかを確認してください。