Capacitor Dark Mode Demo

capacitor-dark-mode-demo  [](https://badge.fury.io/gh/aparajita%2Fcapacitor-dark-mode-demo)

This [Ionic](https://ionicframework.com) application provides a demo of all of the capabilities of the [capacitor-dark-mode](https://github.com/aparajita/capacitor-dark-mode) Capacitor 5 plugin. It has been tested on Android API 28-32.

Here is this app running on both iOS and Android.

iOS	Android

Installation

git clone https://github.com/aparajita/capacitor-dark-mode-demo.git
cd capacitor-dark-mode-demo
pnpm install # npm install
pnpm build # npm run build

Usage

Web

To launch the demo in a browser:

pnpm dev  # npm run dev

Once the demo is open, you can switch between appearance modes. When the appearance is `System`, switching the system between dark and light mode will change the appearance of the app and display an alert to confirm the change.

Native

To launch the demo in Xcode or Android Studio:

pnpm ios.dev  # npm run ios.dev
pnpm android.dev  # npm run android.dev

Once Xcode/Android Studio opens, select the device or simulator yo