Update README.md

Author: jorenvanhee

README.md

@@ -44,18 +44,18 @@ Make sure the class is only present during development. Here's an example of how
 
 ### Customization
 
-You can customize the position and styles in the `theme.debugScreens` section of your `tailwind.config.js` file.
+You can customize this plugin in the `theme.debugScreens` section of your `tailwind.config.js` file.
 
-#### Position
+#### Ignore screens
 
-The first item of the position configuration array can be `top` or `bottom`, the second item can be `left` or `right`.
+To ignore a specific screen (for instance if you use [dark mode](https://tailwindcss.com/docs/breakpoints/#dark-mode)), add the screen name to the `ignore` configuration array.
 
 ```js
 // tailwind.config.js
 module.exports = {
   theme: {
     debugScreens: {
-      position: ['bottom', 'left'],
+      ignore: ['dark'],
     },
   },
   plugins: [
@@ -64,20 +64,16 @@ module.exports = {
 }
 ```
 
-#### Styles
+#### Position
 
-Take a look at the [index.js](index.js) file to see all the default styles.
+The first item of the position configuration array can be `top` or `bottom`, the second item can be `left` or `right`.
 
 ```js
 // tailwind.config.js
 module.exports = {
   theme: {
     debugScreens: {
-      style: {
-        backgroundColor: '#C0FFEE',
-        color: 'black',
-        // ...
-      },
+      position: ['bottom', 'left'],
     },
   },
   plugins: [
@@ -86,17 +82,20 @@ module.exports = {
 }
 ```
 
-#### Ignoring Screens
+#### Styles
 
-In some cases, like a custom screen media query, it can be helpful to ignore a specific screen. In that case
-add the screen name to the `ignore` configuration array.
+Take a look at the [index.js](index.js) file to see all the default styles.
 
 ```js
 // tailwind.config.js
 module.exports = {
   theme: {
     debugScreens: {
-      ignore: ["custom-screen-name"],
+      style: {
+        backgroundColor: '#C0FFEE',
+        color: 'black',
+        // ...
+      },
     },
   },
   plugins: [