Webサイトをライトテーマとダークテーマ対応にするには、CSSのlight-dark()関数を使用すると今までより簡単に実装できます。現在のところ、サポートブラウザはChrome, Firefoxですが、Safari TPに実装されており、次のバージョンでサポート予定となっています。

元ネタは、下記ポストより。 Use CSS relative color syntax to darken/lighten colors for borders, backgrounds, etc. .success { --c: green; } aside ...

ショートハンドの書き方。 ショートハンドとは、複数のプロパティを一括指定する方法。 ショートハンドの方が、コード行数を少なくできるので通信量が減り、速度が早くなる。 ・background-color 「background」の中に「color」プロパティが入っているイメージ。