[TarCoon☆CarToon]

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

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

===

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

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

♥ 1

いいねをした人: 居ません

[キタジマ タカシ]

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

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

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

♥ 1

いいねをした人: 居ません

[TarCoon☆CarToon]

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

♥ 1

いいねをした人: 居ません

[Kmical Lights]

たった1行のCSSでこれなら簡単！すでに制作済みのWebサイト・スマホアプリをダークモードに対応させる方法

「たった1行のCSS」とは、prefers-color-scheme: dark;の紹介ではありません。 Webサイトやスマホアプリのさまざまな要素すべてをダークモード用にカラーを変換するたった…

coliss.com

こんな記事もでたので、一応共有しておきます。
Snow Monkey でもダークモードっぽくなったので、少し調整すれば使える…かもです。

♥ 0

いいねをした人: 居ません

[TarCoon☆CarToon]

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

♥ 1

いいねをした人: 居ません

[投稿者]

投稿