Shopifyストアにダークモードを追加できるアプリ「シンプルダークモード｜お手軽配色切り替え・目に優しい表示」をリリース

福岡県の IT ベンチャー企業 株式会社 UnReact が、「シンプルダークモード｜お手軽配色切り替え・目に優しい表示」をリリースしました。

「シンプルダークモード｜お手軽配色切り替え・目に優しい表示」は、ストアフロントにダークモードの切り替えボタンを追加できるアプリです。お客様はボタンを押すだけで、ページの配色を暗い色に切り替えられます。

ダークな配色は、いまのテーマに設定されている色から自動で作られます。そのためストアの雰囲気はそのまま残り、商品写真もネガのように反転しません。背景色・文字色・アクセント色は、必要に応じて自分で指定することもできます。

ノーコードでテーマに追加できます。料金は Basic Plan 月額 $2.99 で、1 週間の無料体験が可能です。年払いで実質 2 ヶ月分無料でお得にご利用いただけます。

本アプリは、2026年10月2日 10:00 に正式公開いたしました。

▼「シンプルダークモード｜お手軽配色切り替え・目に優しい表示」｜アプリストア

https://apps.shopify.com/ur-simple-dark-mode-switcher?locale=ja

▼「シンプルダークモード｜お手軽配色切り替え・目に優しい表示」｜ご利用ガイド

https://unreact.jp/shopify-apps/sa-225-ur-dark-mode-app/guide

■Shopify とは

Shopifyは、世界175ヶ国100万ショップ以上で利用されているECプラットフォームです。低コストで本格的なネットショップを開設でき、豊富なデザインテンプレートやアプリによる機能拡張が可能です。日本でも多くのブランドやショップがShopifyを活用してオンラインストアを運営しています。

■「シンプルダークモード｜お手軽配色切り替え・目に優しい表示」について

本アプリは、ストアフロントに小さな切り替えボタンを 1 つ置くだけのアプリです。お客様がボタンを押すと、ページ全体の配色が暗い色に変わります。会員登録もログインも必要ありません。

選んだ状態はお客様のブラウザに保存されるため、次に訪れたときも同じ配色で表示されます。ストア側に情報を保存しないため、顧客データには一切触れません。

主な特徴は以下のとおりです。

■ ストアフロントの全ページにボタンが出る

トップページ、商品ページ、コレクション、カート、ブログなど、オンラインストアが表示するすべてのページが対象です。ページごとに設置する必要はありません。

■ ワンタップでページ全体が切り替わる

ヘッダーもフッターも商品一覧も同時に切り替わります。読み込んだ瞬間に一瞬だけ白く光る「ちらつき」も起きないよう、最初の描画より前に配色を確定させています。

■ ダークモードの色を自分で決められる

背景色・文字色・アクセントの背景色・アクセントの文字色を指定できます。空欄にしておけば、いまのテーマの配色から自動で生成されます。ブランドカラーに寄せたいときだけ設定してください。

■ スマートフォンでもそのまま使える

切り替えボタンは画面の右下に固定され、スマートフォンでも同じように動きます。追加の設定は必要ありません。

■ 商品写真は元の色のまま表示される

配色の設定値だけを差し替える方式のため、商品写真や商品画像には手を加えません。色そのものが商品価値になるアパレル・食品・インテリアなどのストアでも、写真の見え方を損なわずに導入できます。

■ 自動配色で届かない箇所は追加の CSS で調整できる

独自に作り込んだセクションなど、自動生成では暗くならない箇所がある場合は、テーマエディタの「追加の CSS」で個別に指定できます。ここに書いた内容はダークモードのときだけ適用されるため、通常の表示には影響しません。

▼参考記事

この記事の内容は、以下の記事を参考にしています。

・Shopify にダークモードを追加できるアプリ6選！写真を反転させずに配色だけ切り替える

・Shopify にダークモードを追加する方法5選！実装方式の違いと選び方を検証

・「シンプルダークモード｜お手軽配色切り替え・目に優しい表示」｜ご利用ガイド

▼株式会社UnReact 会社概要

会社名: 株式会社UnReact

代表者: 西川信行

事業内容: EC制作事業・アプリ開発・教育事業

URL: https://unreact.jp/