#ui-customization

🛠vdiff.js のデフォルトモードとUI をサイト全体のスタイルに合わせる — 1 バイトパッチでデフォルトを差し替える

自サイトに暫定ミラーした vdiff.js を、サイト内の他ページのデザインに揃える形で外側からカスタマイズした記録です。デフォルト比較モードを「左右スライダー」に変える際、JS でラジオボタンをクリックする方法は vdiff の初期化タイミングと競合したため、最終的にミニファイ済みバンドルへの 1 バイトパッチに落ち着きました。あわせて、フッタを画面内に保ったまま画像をクリップするレイアウト、ja/en 切替、ダークモード対応の CSS の組み立て方をまとめます。