koturn https://blog.hatena.ne.jp/koturn/ koturnの日記 https://koturn.hatenablog.com/ Vim 背景 最近のWebサイトではOSのダークモード設定をそのまま反映しているものもある． 僕は普段からOSの設定をダークモードにしているので，previmでダークモード対応を行うことを考えた． デモ 以下のようになった． ダークモードとライトモードの切り替えも示している． Previmダークモードのデモ 実装方針 実装方針としては下記のようにした． 本体はいじらずカスタムCSSとアドオンのみで対応する ダークモードとライトモードを切り替え可能にする このため，メディアクエリを用いたCSSだけでの対応は不可 方法としてはプレビュー上にボタン追加やクエリパラメータではなく，開発者モードでの関数呼び出し… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fkoturn.hatenablog.com%2Fentry%2F2024%2F04%2F20%2F230000" title="Previmでダークモード対応する - koturnの日記" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/k/koturn/20240420/20240420225242.gif Hatena Blog https://hatena.blog 2024-04-20 23:00:00 rich https://koturn.hatenablog.com/entry/2024/04/20/230000 1.0 100%