2023年10月31日(火)

CSSでライトモードとダークモードのスタイルを簡単に定義できる、新しいプロパティ「light-dark()」が便利すぎる！

• 0
• 33
• 48
• 57

CSS Color Module Level 5に追加された新しいプロパティlight-dark()関数を使用すると、ライトモードとダークモードのスタイルを簡単に定義できるようになります。

下記のようにlight-dark(#333, #ccc)と記述すると、テキストのカラーにライトモードでは#333が、ダークモードでは#cccが適用されます。