2020年のWebデザイントレンド「ダークモード」に対応する

  • このトピックには4件の返信、3人の参加者があり、最後にTarCoon☆CarToonにより2週前に更新されました。
5件の投稿を表示中 - 1 - 5件目 (全5件中)
  • 投稿者
    投稿
  • #54285
    TarCoon☆CarToon
    参加者
    7

    トピックを新しく立てる方は次の項目も記述してください(要望トピックの場合は不要です)。

    【お使いの Snow Monkey のバージョン】10.10.8
    【お使いのブラウザ】Safari
    【当該サイトのURL】https://tarcoon.me

    ===

    最近では多くのOSやアプリなどが「ダークモード」に対応しています。
    画面の背景色を黒などのダークカラーに切り替える機能です。
    Google Chrome、Twitter、Facebookメッセンジャー、Instagram、LINEなど、ダークモードが設定可能なブラウザやアプリが増え、これが近年のトレンドになっており、こうしたダークモードの流行はWebサイトのデザインにも及んでいます。

    要望はシンプルです。Snow  Monkeyもダークモードに対応して欲しいです。
    ご一考下さいませ。

    1
    #54286
    キタジマ タカシ
    キーマスター
    339

    一応仕込みはしてあって、完璧に見やすいというわけではありませんが、下記の CSS を追加することでダークモード対応できます。

    @media (prefers-color-scheme: dark) {
      :root {
        --_color-text: #fff;
        --_background-color: #000;
      }
    }

    単純な白か黒かみたいなデザインなら反転させるだけで良いのですが、灰色だったり色があったりすると余計見にくくなるので完璧なコントロールが難しく、テーマの設定としてはまだ持たせていません…。

    1
    #54290
    TarCoon☆CarToon
    参加者
    7

    ありがとうございます!
    試してみます!

    1
    #55657
    Kmical Lights
    参加者
    143
    #59029
    TarCoon☆CarToon
    参加者
    7

    ありがとうございます!早速試してみます!

    1
5件の投稿を表示中 - 1 - 5件目 (全5件中)
  • トピック「2020年のWebデザイントレンド「ダークモード」に対応する」には新しい返信をつけることはできません。