macOSのDark Modeサポートが登場。

ダークモードは素晴らしく、エキサイティングなユーザーエクスペリエンスを生み出します。そのため、4D v19から、4DはDark Modeに対応し、macOSレベルでDark Modeがオンになっていれば、自動的に起動するようになりました。

これは始まりに過ぎず、将来のバージョンでは、すべてのコンポーネント（例：4D Write Proウィジェット）のDark Modeサポートやデザインモードなど、さらに多くの機能が追加される予定です。

ダークモードが4Dエレメントの見た目をどのように変えるか見てみたいですか？読み進めてください。

フォームが自動的に適応

フォームオブジェクトのフォント、ボーダー、背景色がすでに「自動」に設定されている場合、何も変更する必要はありません。

また、将来のバージョンで適応される予定の「リッチテキストエリア」と「4D Write Pro Interface」オブジェクトを除き、ライトモードとダークモードに対応したライブラリオブジェクトを更新しました。

ライト/ダークアピアランスのためのCSS

企業のグラフィック憲章に沿ったカスタムカラーを定義している場合、ライトモードとダークモードの両方に対応したCSSスタイルを定義することができます。こうすることで、アプリケーションはOSの設定に完全に適応します。

メディアクエリでライトの値を設定したCSSクラスを枠で囲み、ダークの値で同じことをするだけです。

下の例では、ライトモードでは白地に黒の文字、ダークモードでは黒地に白の文字が設定されています。

@media (prefers-color-scheme: light) {
 .textTheme {
    fill: MidnightBlue;
    stroke: black;
  }
}

@media (prefers-color-scheme: dark) {
  .textTheme {
    fill: MidnightBlue;
    stroke: LightGrey;
  }
}

4DのCSSに詳しくない方は、このブログ記事を読むか、30分の4D Summitビデオを見ることをお勧めします。

画像とアイコンについて

アプリケーションの暗い外観のために、新しい画像を作成する必要があるかもしれません。この新しい画像は、ライト版の画像と同じ名前に”_dark “をつけたもので、ライト版の画像の横に配置されます。

4D では、何も変更する必要はありません。4D では何も変更する必要はありません。フォームの外観に応じて、適切な画像が読み込まれます。

PARTIAL DARK MODEとその他

準備が整っていない、疑問がある、コンポーネントのテーマを強制的に変更したい場合、アプリケーション全体に変更を適用せず、フォームにのみ適用することを選択することができます。また、テーマをホストデータベースのテーマやOSのプリファレンスに従わせることもできます。

アプリケーションレベル

カラースキームの値は、設定ダイアログで設定するか、コードで新しい SET APPLICATION COLOR SCHEMEコマンドで設定できます。可能な値は以下の通りです。

• ダーク
• ライト
• 継承

inheritedの意味は以下の通りです。

• コンポーネントの場合は、ホストデータベースの色に従います。
• ホストベースであれば、OSの色に従う。

フォームレベル

アプリケーションでは、いくつかのダイアログは暗い外観に対応できていません。Color Schemeは新しいフォームプロパティで、フォームに明暗の外観を強制的に採用させることができます。

次はどうする？

あなたは暗闇への長い旅に出ました。もし、質問やコメントがあれば、4Dフォーラムでディスカッションに参加してください!