ダークテーマに表示される画像の輝度を落とす
from 井戸端にダークテーマを導入したい
暗い画像よりも、明るい画像のほうが多いから、ダークテーマするとコントラスト差から来る情報量が増えて、トップページがチカチカして見えるvlzs.icon
今までに見慣れていたものから、別の新しいものに変えたときの、違いに反応してるだけで、慣れるのでは
自分のプロジェクトでは黒いテーマを利用しているのだから、問題あるはずない
/work4aiでは、icon imgにfilter: brightness(0.9);かけてちょっと暗くしてますねnomadoor.icon
助かります、自分の設定に適用しました。コントラスト差が減ってチカチカしなくなりました。
https://gyazo.com/1a8ec7310d622461bbc0eb44878cc249
なるほど、参考になります…早速パクリますね()who.icon
いただきました🙏
使えるものなんでも使ってください!nomadoor.icon
とことんこだわるなら、アイコンも暗く+彩度落とししてますね
どのように彩度を落とす量を決めていますか? というのも、who.icon
画面が明るいほどディスプレイの発色が鮮明になることと、暗所において人間の目が色を知覚する能力が落ちることを加味しなければいけない
自分は色に関してあまりセンスがないものでして…
あーいや、/work4aiはフォントの条件もいろいろと違いますね…who.icon
本文フォントが細身である(BIZ UDGothicは太め)
本文フォントの配色は#d3d3d3。これをhsl()に変換する(小数点以下の誤差は考慮しないものとする)
code:aaaaaa.css
--page-text-color: hsla(0, 0%, 100%, 0.87); /* /work4ai */
--page-text-color: hsl(0, 0%, 83%); /* Default Dark */
アイコンが大きく表示されるページリストにだけ適用したほうがいいかな…
2026/2/20 ページ内の画像全般にも適用されるようにしました。ありがとうございます