福岡県のITベンチャー企業である株式会社UnReactは、2026年10月2日10:00にShopify向けアプリ「シンプルダークモード｜お手軽配色切り替え・目に優しい表示」を正式公開しました。本アプリはストアフロントにダークモードの切り替えボタンを追加し、訪問者がワンタップで配色の切り替えを行えるようにするツールです。

「シンプルダークモード｜お手軽配色切り替え・目に優しい表示」は、ノーコードでテーマに追加できるアプリです。導入すると、ストアフロントの画面右下に切り替えボタンが固定配置され、会員登録やログインを必要とせずにページ全体の配色を暗い色へ変更できます。

訪問者が選択した表示状態はブラウザに保存されるため、次回訪問時も同じ配色が維持されます。また、ストア側に情報が保存されない仕様となっており、顧客データには触れない仕組みです。

商品画像の見え方を保ちながら全ページを一括変換

切り替えボタンは、トップページや商品ページ、コレクション、カート、ブログなど、オンラインストアが表示するすべてのページに自動で反映されます。ヘッダーやフッター、商品一覧も同時に切り替わるほか、読み込み時のちらつきを防ぐため、最初の描画より前に配色を確定させる設計となっています。

配色の設定値のみを差し替える方式を採用しているため、商品写真や商品画像には手を加えず、元の色のまま表示されます。色そのものが重要視されるアパレル、食品、インテリアなどのストアでも、写真の見え方を損なわずに利用できるとしています。

自動配色機能とCSSによる個別カスタマイズ

ダークモードの配色は、既存のテーマに設定されている色から自動で生成されるため、ストアの雰囲気を保ちやすくなっています。さらに、背景色、文字色、アクセントの背景色、アクセントの文字色を手動で指定することも可能です。

独自に作成したセクションなどで自動生成が届かない箇所については、テーマエディタの「追加の CSS」を用いて個別に指定できます。追加したCSSはダークモード適用時のみ有効となるため、通常の表示には影響しません。スマートフォン環境においても、追加設定を行うことなく同様に動作します。

利用料金と株式会社UnReactの会社概要

本アプリの利用料金はBasic Planが月額$2.99で、1週間の無料体験期間が設けられています。年払いの場合は実質2ヶ月分無料の体系となっています。

• 会社名: 株式会社UnReact
• 代表者: 西川信行
• 事業内容: EC制作事業・アプリ開発・教育事業
• URL: https://unreact.jp/

本記事は株式会社UnReactの発表をもとに作成しています。

Dellows News編集部

ビジネスパーソンの課題解決と納得感にこだわるDellows News編集部。キャリア論からAI、健康法まで幅広い分野に対応し、複雑なテーマでも平易な言葉で丁寧に解説。読者が「明日から使える」知識やヒントを得られるよう、具体的な事例・データ・専門家の見解を交えて執筆。情報を整理し、納得感ある記事づくりを心がけています。