[What and Why:]

We are updating the SharePoint page editing experience with a neutral-themed UI for system controls, including web part toolbars and property panes.

With this change, editing tools will use standard, neutral colors instead of inheriting site branding. This creates a clearer distinction between system controls and user-authored content, improving usability, accessibility, and consistency across light and dark themes as part of the SharePoint visual refresh.

This message is associated with Roadmap ID 566698.

[Rollout Schedule:]

• Targeted Release (Worldwide): Beginning late July 2026; expected to complete by early August 2026
• General Availability (Worldwide, GCC, GCC High, DoD): Beginning late August 2026; expected to complete by early September 2026

[Impact on Your Organization:]

Who is affected: Users who create or edit SharePoint pages and developers/admins managing custom or third-party SharePoint Framework web parts.

Platforms/Services: SharePoint (Web)

What will happen:

• Page editing tools (such as web part toolbars and property panes) will display using a neutral-themed UI instead of site theme colors.
• Site branding will continue to apply to page content, but not to editing controls.
• Users will see a clearer separation between editing UI and page content.
• The update improves consistency across light and dark modes.
• The change is enabled by default and requires no configuration.
• Third-party and custom web parts may show visual-only differences (for example, contrast or color mismatches), but functionality is not expected to be impacted.

Screenshot 1: Before: The System Control inherits the site’s Custom Theme colors, including the light-yellow background and purple accent color:



Screenshot 2: After: The System Control now uses neutral theme colors. The previously applied Custom Theme colors (light yellow and purple accents) have been replaced:

Action Required/Recommendations:

No admin action is required for Microsoft-provided SharePoint experiences.

If your organization uses custom or third-party web parts, we recommend:

• Validate third-party and custom SPFx web parts in page editing and property pane scenarios before general availability (GA).
• Test web parts in both light and dark themes to identify potential contrast or theming issues.
• Review custom property pane controls for visual consistency with neutral theming.
• Engage your web part provider or internal developers if updates are needed.
• Share updated guidance with development teams.
• Update internal documentation or helpdesk scripts if needed.

Learn more:

• Property pane theming guidance | Microsoft Learn
• Use theme colors in customizations | Microsoft Learn
• A new SharePoint Look and Feel: What’s Changing and Why It Matters | Microsoft Community Hub

Compliance considerations:

No compliance considerations identified, review as appropriate for your organization.

[何となぜ:]

SharePointのページ編集体験を、ウェブパーツのツールバーやプロパティパネルを含む中 立的なテーマのUI でシステムコントロールにアップデートしています。

この変更により、編集ツールはサイトのブランディングを引き継ぐ代わりに 標準のニュートラルカラー を使用します。これにより 、システム制御とユーザー作成コンテンツの区別がより明確になり、SharePointのビジュアルリフレッシュの一環として、明暗テーマの使いやすさ、アクセシビリティ、一貫性が向上します。

このメッセージはロードマップID 566698に関連付けられています。

[展開スケジュール:]

• ターゲットリリース(世界向け):2026年7月下旬開始;2026年8月初旬までに完成予定
• 一般稼働(世界、GCC、GCC High、DoD):2026年8月下旬開始;2026年9月初旬までに完成予定

[組織への影響:]

影響を受ける人物: SharePointページを作成または編集するユーザーや、カスタムまたはサードパーティのSharePoint Frameworkウェブパーツを管理する開発者・管理者。

プラットフォーム/サービス: SharePoint(ウェブ)

今後の展開:

• ページ編集ツール(ウェブパーツのツールバーやプロパティパネルなど)は、サイトのテーマカラーではなくニュートラルなUIで表示されます。
• サイトのブランディングはページコンテンツには引き続き適用されますが、編集のコントロールには適用されません。
• ユーザーはUI編集とページコンテンツの分離がより明確になるでしょう。
• このアップデートにより、ライトモードとダークモードの一貫性が向上しました。
• この変更はデフォルトで有効化されており、設定は不要です。
• サードパーティやカスタムウェブパーツは視覚的な違い(例えばコントラストや色の不一致)を示すことがありますが、機能に影響は期待されません。

スクリーンショット1: 以前:システムコントロールはサイトのカスタムテーマカラー、例えばライトイエローの背景と紫のアクセントカラーを引き継ぎます:



スクリーンショット2: その後: システムコントロールはニュートラルなテーマカラーを使用しています。以前に適用されていたカスタムテーマカラー(ライトイエローとパープルのアクセント)は置き換えられています。

必要な行動/推奨事項:

Microsoftが提供するSharePoint体験には管理者の操作は不要です。

御社がカスタムまたはサードパーティのウェブパーツを使用している場合、以下を推奨します:

• 一般公開(GA)前に、ページ編集やプロパティパネルのシナリオでサードパーティおよびカスタムSPFxウェブパーツを検証してください。
• ウェブパーツを明るさと暗い色の両方でテストし、コントラストやテーマの問題を特定しましょう。
• カスタムプロパティのペインコントロールは、中立的なテーマで視覚的な一貫性を確認してください。
• アップデートが必要な場合は、ウェブパーツ提供者や社内開発者に依頼してください。
• 開発チームに最新のガイダンスを共有しましょう。
• 必要に応じて内部ドキュメントやヘルプデスクのスクリプトを更新してください。

詳しくはこちら:

• プロパティパネルのテーマ設定ガイダンス |Microsoft Learn
• カスタマイズでテーマカラーを使う |Microsoft Learn
• 新しいSharePointのルック&フィール:何が変わっているのか、そしてなぜ重要なのか |マイクロソフトコミュニティハブ

コンプライアンスの考慮事項:

コンプライアンス上の懸念事項は特定されず、組織に応じてレビューしてください。