Aipha Tech

How to use NightTheme

The simplest way to add a professional dark mode to your Shopify store with zero flickering and seamless user experience.

Table of Contents

🌙 About Night Theme

Night Theme is a Shopify app that seamlessly integrates dark mode into your store. It delivers a flicker-free experience for your customers as they navigate through your site, enhancing both accessibility and user satisfaction.

📥 Installation

Install Night Theme directly from the Shopify App Store with just one click.

⚙️ Configuration Guide

1️⃣ Activate Night Theme

Click "go to theme editor" Click "save" in theme editor

2️⃣ Customize Toggle Button

Tailor the dark mode toggle button to match your brand’s aesthetic by adjusting its position, colors, and size. config-dark-mode-button-appearance

3️⃣ Set Default Mode Preferences

Choose the optimal initial experience for your visitors:

  • Light Mode: Start with your standard theme
  • Dark Mode: Default to dark theme on first visit
  • Auto: Intelligently adapt to user’s system preferences (recommended)

Visitors can always toggle between modes regardless of your default setting.

For the best user experience, we recommend the “Auto” setting as it respects individual preferences.

dark-mode-settings

4️⃣ Preview Your Store

save-and-preview After saving your settings, use the “Preview” button to experience your dark mode implementation.

Note: If you encounter a password page during your first preview, simply enter your store password and return to the app to continue previewing.

5️⃣ Step 5: Advanced Configuration

If you find elements that don’t look right in dark mode (such as button colors or image backgrounds), use our Advanced Configuration options to fine-tune the appearance. advanced-config

🎭 Custom CSS

Apply custom CSS rules that will only affect your site when in dark mode.

🔄 Invert Selector

This feature is particularly useful when logos or images become invisible in dark mode. logo-invert

🛠️ Professional Support

Every store has unique design elements. While our intelligent color transformation algorithm handles most scenarios automatically, some situations benefit from expert attention.

Pro subscribers receive personalized technical support with our team analyzing your specific design and implementing custom adjustments.

📧 Contact

Questions or need assistance? Our support team is ready to help at support@aipha.tech.