続・このサイトをダークモード対応させてみた

Cocoon

約 4 分で読めます。



この記事で

ダークモード対応したお!

と高らかに宣言したのですが、



約一ヶ月でスキンを変更することになろうとは。

いまはこれです。



もともと使っていたスキンであるSimple-Darkmodeもかなり良かったのですが、いくつか不都合が生じてしまい、ダークカモノハ(y.hiroakiさん作)というスキンに変更しました。

不都合のあった場所

表の編集がやりづらい

表を編集するとき、以下のようになってしまい、文字がほとんど見えませんでした。
特に奇数行は全く文字が見えません…



ダークカモノハですとこうなります。
見やすいとまではいきませんが、だいぶやりやすくなりました。



吹き出しの編集がやりづらい

同様の理由で、吹き出しも文字が見えませんでした。

ダークカモノハですとこう。
とても見やすくなりました。



その他

ここから先はスキン依存ではないのですが、ダークモードにしたときにとても見づらくなった箇所がいくつかあり、対応しました。

ソースコード

ソースコードビューアーにEnlighter – Customizable Syntax Highlighterというプラグインを使っていましたが、こんな見た目になっていました。字が黒いところなんて特に見づらい。
 ダークモードにするときに気付けよ、、、俺。



これはこのプラグイン設定にテーマ変更がありました。
Atomicという、Atomっぽい見た目にすることで、見づらさは解消できました。



自分が試したなかでは以下が良かったです。

Atomic

Dracula

Monokai

改善前

こちらはもともと表をストライプ形式にしていたのですが、こんな見た目に。
超見づらい。目がチカチカする。

改善後

通常形式に変更することで解消しました。

TOC

改善前

TOC作成にTable of Contents Plusというプラグインを使っていて、こちらはこんな見た目でした。
ダークモードなのに白が出てきて違和感アリアリ。

改善後

このように背景に馴染むようにしました。



TOC+というプラグインを使っていて、ここで設定変更できました。

終わりに

いかがでしたか。

ダークモードしたときに確認すればよかったものばかりで、反省です。

何かを変更したときは動作確認をしっかりと!

Comments

タイトルとURLをコピーしました