CSSのlight-dark()関数の実践的な使い方、ライトテーマとダークテーマの作成方法

2024/04/11 10 users light-dark サポートブラウザ CSS 関数 基礎知識

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

UXデザイナーに学ぶ、ダークテーマをデザインする時に気をつけたい5つのポイント | コリス

2019/10/24 61 users コリス iPhone UXデザイナー 色合い ダークテーマ

iPhoneやAndroidでもダークテーマが採用され、ダークテーマが注目されています。サイトやアプリをダークテーマ対応にするには、単純に色合いを反転するだけではありません。読みやすく、バランスのとれた、快適なダークテーマをデザインする時に気をつけたいポイントを紹介します。 How to design delightful dark theme... 続きを読む