diff --git a/src/index.js b/src/index.js
index 5f4610c..1fe084e 100644
--- a/src/index.js
+++ b/src/index.js
@@ -42,16 +42,47 @@ const plugin = withOptions(
 
     return {
       safelist: [
+        // For the Badge component
         "bg-gray-100",
+        "dark:bg-grayCool-800",
+
+        // 50 is for the Badge component
+        // 500 is for the Dot component
         {
           pattern: /^bg-\w+-(50|500)$/,
         },
+
+        // For the Badge component
         {
-          pattern: /^border-\w+-(600)$/,
+          pattern: /^bg-\w+-900$/,
+          variants: ["dark"],
         },
+
+        // For the Badge component
+        {
+          pattern: /^border-\w+-600$/,
+        },
+
+        // For the Badge component
+        {
+          pattern: /^border-\w+-300$/,
+          variants: ["dark"],
+        },
+
+        // 600 is for the Paragraph component
+        // 700 is for the Badge component
         {
           pattern: /^text-\w+-(600|700)$/,
         },
+
+        // For the Badge component
+        "dark:text-grayCool-200",
+
+        // For the Badge component
+        {
+          pattern: /^text-\w+-100$/,
+          variants: ["dark"],
+        },
       ],
       theme: {
         colors: palette,