
There are two ways to quickly add dark mode to your Tailwind CSS projects.
The first one is the quickest and easiest way. The second one is your choice if you want to have a controlled theme switch.

# 1. Screen Config

This is a little hack and you can't manually switch the theme as it detects the theme from the user's operating system.

## Set Config

Extend your `tailwind.config.js` theme by adding a new screen type.

```js
module.exports = {
  theme: {
    extend: {
      screens: {
        dark: { raw: '(prefers-color-scheme: dark)' },
      },
    },
  },
}
```

## Use Styles

You can now use it like you would use different screen sizes.

```html
<div class="text-gray-800 dark:bg-gray-200"></div>
```

It's also possible to add states like _hover_ into the dark mode.

```html
<div class="border-b hover:border-gray-800 dark:hover:border-gray-800"></div>
```

# 2. Plugin

Another, more clean way and with the possibility to switch the theme manually is the plugin [tailwindcss-dark-mode](https://github.com/ChanceArthur/tailwindcss-dark-mode)

Add the class `<html class="dark-mode">` to see the dark mode or remove it to see the regular theme.


There are two ways to introduce dark mode into your TailwindCSS projects.

Dark Mode in TailwindCSS


# Export to HTML

Go to [medium.com settings](https://medium.com/me/export) and request your export.

After a while, you'll get an email with a download link.
Download the `medium-export.zip` file and unpack it.

# Transform to MD

Inside the `medium-export` folder you'll find another folder `posts` with `.html` files in it.
To transform your `.html` files to `.md`, you can execute the `medium-2-md` NPM package with NPX.

```shell
npx medium-2-md convertLocal Downloads/medium-export/posts -f
```

Your posts in `.md` format can be found in the `medium-export/posts/md_*` folder


How to export your articles from medium.com into Markdown files.

Export Your Medium Articles

Export Your Medium Articles

Export to HTML

Transform to MD