Update tailwind CSS safelist

web/tailwind.config.js

@@ -8,7 +8,7 @@ export default {
   safelist: [
     // Generate minimum extra CSS
     {
-      pattern: /bg-(gray|neutral)-(50|100|500)/,
+      pattern: /bg-(gray|neutral)-(50|100|200|500)/,
     },
     {
       pattern: /bg-(gray|neutral)-(900|950)/,
@@ -22,17 +22,24 @@ export default {
       pattern: /bg-(gray|neutral)-800/,
       variants: ["before:dark", "after:dark", "dark"],
     },
+    {
+      pattern: /text-(gray|neutral)-(50|300)/,
+      variants: ["dark"],
+    },
     {
       pattern: /text-(gray|neutral)-600/,
-      variants: ["hover"],
+      variants: ["dark", "hover"],
     },
     {
       pattern: /text-(gray|neutral)-400/,
-      variants: ["hover", "dark", "dark:hover"],
+      variants: ["dark", "dark:hover"],
     },
     {
       pattern: /text-(gray|neutral)-500/,
-      variants: ["dark", "placeholder"],
+      variants: ["placeholder"],
+    },
+    {
+      pattern: /text-(gray|neutral)-700/,
     },
     {
       pattern: /divide-(gray|neutral)-800/,

web/vite.config.ts

@@ -12,6 +12,6 @@ export default defineConfig({
         chunkFileNames: `assets/[name].js`,
         assetFileNames: `assets/[name].[ext]`,
       },
-    },
+    }
   },
 });