このダークテーマは目に優しく、コードも見やすい！ VS Codeのエレガントなモノクロームのテーマファイル -Sequoia

2022/07/05 171 users 濃淡 夜空 色合い テキスト 背景

ダークテーマは好きだけど、#000のブラックだったり、テキストが派手なカラーだったりすると、目が疲れませんか？ 背景のブラックはほんの少しだけブルーがかった夜空のように落ち着いた色合いで、グレーの濃淡だけのMonochr...記事の続きを読む 続きを読む

CSSのメディアクエリ「prefers-color-scheme」でダークモード対応にする方法と注意点 | コリス

2019/10/29 52 users prefers-color-scheme コリス CSS

iPhoneやAndroidでもダークテーマが採用され、ダークモードに対応するWebサイトやスマホアプリが増えてきました。 ほんの数行のCSSのみでダークモードに対応する方法と注意点を紹介します。 Dark mode in a website with CSS by Tom Brow 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にラ... 続きを読む

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

2019/10/24 61 users コリス iPhone UXデザイナー 色合い Android

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