ダークモード

はじめに なぜ対応したか ダークモード対応への道 カラーの明度コントロールにおける透明・不透明について 透明度に関して用語の整理 enechainデザインシステムとしての方針 環境のイメージとエレベーション カラートークンの設計 調整で大変だった点 あるコンポーネントでは良さそうだが、別のコンポーネントだと破綻する Figmaの静的なデザイン上では気づきにくい状態変化 エレベーションの見た目の差をシャドウに頼っているとダークモードで同化する ダークモード内での全体的なコントラスト 色の特性、その色の標準的な明度感・イメージ 実際にプロダクトで提供した まとめ はじめに enechainプロダク…

前回のつづき。 krokovski1868.hatenablog.com ブログいじりをつづけるのに、ディスプレイの発光がきついと眼がもたぬので、背景色をかえようと方法をさぐっていたら、グローバルメニューのつくりかたがでてきた。ブログタイトル下の横ならびのカテゴリー群を、グローバルメニュー、またはナビゲーションメニューと呼ぶのだそうだ。 Google先生にたずねると、例によって大量に情報がでてくる。血で血を洗うというか、泥縄式というか、強化学習というか、とにかくいじっていたら、すこしだけそれっぽい見てくれのものが表示された。CSSがなんなのかもわかっていないので、ひかえめにいって乱暴である。 …

アナログ中年からの手紙。ディスプレイの色を黒にする場合の注意点。まれに文字の色が反転して見えなくなるケースがある。原因は不明。 ＊＊＊ VDT健診をうけたら、左眼にうっすら乱視があらわれていた。ここ1、2年の違和感の正体はこれだったのかも。とにかく眼をまもるに如くはないということで、サブブログのテーマをブラック系にかえた。デザインなどは二の次である。 メインもかえてみたものの、テーマがかわるとせんたいの印象がガラリとかわってしまう。ダークになりすぎたので、早々にもとにもどした。 こういうのもカスタムしだすとキリがなさそうである。たぶん、色をかえるくらいはできるだろうから、既存のテーマ上で、自力…

ランキング参加中iPhone ランキング参加中Apple リッチテキストははじめの構築こそ面倒ですが一度作っておくと通常より見栄えの良い結果表示として活用できます. 先程リリースしたBattery Checker ver3.6に採用したように、端末の外観モードに合わせてダークモードやライトモードのように見せることができます. ショートカット Apple 仕事効率化 無料 ※価格は記事執筆時のものです. 現在の価格はApp Storeから確認ください. レビュー時のiOSバージョン ： iOS17.3 スポンサーリンク // 基本構造 〆 基本構造 まずリッチテキストとなるhtmlを「テキスト」…

皆さんがお使いのスマートフォンでは画面の設定をダークモードにしている方はいますか？ ダークモードと言えば電力消費を抑えられる、目に優しいなどの理由から使用している方も多いと思います。 しかし、ダークモードというのは本当にそういった効果があるのでしょうか？ 今回はダークモードについてのお話。 (adsbygoogle = window.adsbygoogle || []).push({}); ダークモードで消費電力は抑えられる？ 実はお使いのスマートフォンによって変化し、全てのスマートフォンで消費電力が抑えられるという訳ではありません。 ダークモードで消費電力を抑えることが出来るのは有機ELディ…

ダークモードに対応しました。 モードといっても切り替えはできません。強制です（！） JSが使えたらそのうちトグルボタンをつけたいのですが… まだ全画面を把握していないため、リンク先によっては真っ白な世界が表示される可能性も… それでもダークにしたかったんです。 変な表示になったら…ごめん寝 情けない話ですが、私は光に弱い体質です。 照明が強すぎる職場は身体がボロボロになって辞め、太陽の下もつらく、できることなら暗い部屋に閉じこもっていたい。 日光アレルギーもあるので、ヴァンパイアのように夜の世界に生きたい。 ただ、鳥目なので暗いところではよく見えないんですけどね（どっちもだめ） 照明が強すぎる…

仕事柄、テキストエディタの画面を視ることが多く、眼球が疲れやすくなってきたような気がする。実際、目の奥が痛いし、先日、健康診断を受けたのだが、両目の視力が0.6を切っている。4年前は1.5をキープしていたのに。 眼球への負担を少しでも減らすために、また、気分転換のために、テキストエディタの配色をダークモードに切り替えた。ターミナルの配色に合わせたかたちだ（なんだか新聞記事の文体になってきた）。昔、プログラミングの勉強をしている時は、形から入りたくて、テキストエディタの画面を真っ黒にしていたのだけれども、結局、テキストの視認性を優先するためにライトモードに切り替えた。でも、白くて明るい画面を凝視…