色調整モジュール1の最初の公開ドラフトを簡単に見る

AppleはDark ModeをMACOS 10.14および後のSafariでシステム設定として導入したため、このトピックは議論を支配しています。革新的な設計とパーソナライズされたユーザーエクスペリエンスの可能性は魅力的です。

今週、編集者のドラフトのリリースと、カラー調整モジュールレベル1仕様の最初の公開ドラフトが見られました。まだ進行中の作業ですが、その開発は魅力的です。この仕様では、3つの新しいCSSプロパティが導入され、ユーザーエージェントがユーザーの好みに基づいて視覚レンダリングを処理する方法をより強力に制御できます。

color-schemeはコアプロパティです。明るいモードとダークモードのシステム設定に対応するlight値とdark値を受け入れます。他のラベルが使用される場合がありますが（「昼」、「夜」など）、基本的な区別は残っています。光と暗い配色です。

このプロパティには重要な意味があります。ユーザーシステムの設定に基づいたスタイルの調整を可能にし、微調整されたユーザーエクスペリエンスを可能にします。さらに、このプロパティを宣言すると、ユーザーエージェントに要素が「カラースキーム認識」であることを示し、ユーザーの好みに応じてスタイリングの調整を促します。逆に、 auto Valueはブラウザの完全な制御を付与し、システムの設定とデフォルトのスタイリングに基づいて配色を決定できるようにします。

ユーザーの好みを検出し、ユーザーエクスペリエンスコントロールの強化に役立つ、 prefers-color-schemeメディア機能（現在メディアクエリレベル5のエディタードラフトにある）に注意することが重要です。カラー調整モジュールレベル1作業ドラフトはcolor-scheme<meta>配色のサポートを示す要素。

color-schemeプロパティには、追加機能が含まれています。 onlyキーワード、優先順序の価値チェーン、およびカスタム識別キーワード。その複雑さのために、徹底的なレビューをお勧めします。

このドラフトがデザインと意思決定に革命をもたらす可能性はエキサイティングです。そして、これはほんの始まりです。さらに2つのプロパティが含まれています。

• forced-color-adjust ：これにより、カスタムCSSを使用してデフォルトのユーザーエージェントスタイルシートをオーバーライドしながら、配色のサポートが可能になります。潜在的なマージとcolor-adjustについてのメモがあります。
• color-adjust ：CSSオーバーライドを強制する代わりに、このプロパティはブラウザーにヒントを提供し、ユーザーの好みや画面の品質や帯域幅などのその他の要因に基づいて色の値を調整できるようにします。エリック・ベイリーの研究では、潜在的なユースケース、アクセシビリティの強化、および一般的な実装を調査しています。

現在のドラフトが拡大すると予想されます。これは、W3Cの驚くべき仕事を認め、関係する課題を理解し、さらにはプロセスに貢献する機会を提供します。 （貢献に関するレイチェル・アンドリューのアドバイスを参照してください。）

以上が色調整モジュール1の最初の公開ドラフトを簡単に見るの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。