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

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

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

pixiv Android アプリでのデザインシステムを活用したダークテーマ対応 - pixiv inside

2022/02/04 7 users pixiv inside アプリ デザインシステム 実装 設定

デザインシステムを利用した色の設定 色の実装について Theme切り替え 依存関係 デザインシステムと Material Components for Android Color Theming コンポーネント まとめと今後 フリーランスのソフトウェアエンジニアとして活動している djyugg です。ピクシブ株式会社では、業務委託として主に pixiv Android アプリ... 続きを読む

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

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

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