More than 1 year has passed since last update.

Microsoft.Web.WebView2 ダークモード・ライトモード（prefers-color-scheme）を固定する

Last updated at 2022-08-21Posted at 2022-08-21

Windowsでダークテーマを使用している
WebViewが埋め込まれたWpfアプリケーションはダークモード未対応
WebViewで参照するページがダークモードに対応した状態

このような状況で統一感を維持するため、固定する必要があったので、以下メモ。

WebView2でPreferredColorSchemeを固定します。

// webView: Microsoft.Web.WebView2.Wpf.WebView2
 webView.CoreWebView2.Profile.PreferredColorScheme 
    = Microsoft.Web.WebView2.Core.CoreWebView2PreferredColorScheme.Light; // or Dark

CoreWebView2が初期化されるタイミングがWebView2インスタンスと異なるようなので、CoreWebView2InitializationCompletedイベント等、CoreWebView2インスタンスが参照できるタイミングで指定する必要があります。

書いてるときに使用したバージョン
Microsoft.Web.WebView2
1.0.1293.44

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up