Tailwind Dark Mode Theme Switcher

Basic demo on how to switch styles with Tailwind, handy for dark mode type purposes.

Live preview: https://tailwind-theme-switcher.netlify.app/

This is a mashup of Adam Wathan's Theming Tailwind Demo, Tailwind CSS Playground, and Katie Ball's Quick switch Themes with javascript.

To get started

1. Clone the repository:

   git clone https://github.com/huphtur/tailwind-theme-switcher
   
   cd tailwind-theme-switcher
   

2. Install the dependencies:

   # Using npm
   npm install
   
   # Using Yarn
   yarn
   

3. Start the development server:

   # Using npm
   npm run serve
   
   # Using Yarn
   yarn serve
   

   Now you should be able to see the project running at localhost:8080

Building for production

cssnano included to optimize your CSS for production. PurgeCSS is handled by Tailwind!

To build an optimized version of your CSS, simply run:

# Using npm
npm run production

# Using Yarn
yarn production

After that's done, check out ./public/build/styles.css to see the optimized output.