Home

Awesome

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, Hella Simple Eleventy + Tailwind CSS Starter, 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

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

# Using npm
npm run build

# Using Yarn
yarn build

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