diff --git a/napcat.webui/src/pages/dashboard/config/theme.tsx b/napcat.webui/src/pages/dashboard/config/theme.tsx
index e948b416..ed171024 100644
--- a/napcat.webui/src/pages/dashboard/config/theme.tsx
+++ b/napcat.webui/src/pages/dashboard/config/theme.tsx
@@ -38,7 +38,14 @@ const values = [
   '-800',
   '-900'
 ]
-const colors = ['primary', 'secondary', 'success', 'danger', 'warning']
+const colors = [
+  'primary',
+  'secondary',
+  'success',
+  'danger',
+  'warning',
+  'default'
+]
 
 function PreviewThemeCard({ theme, onPreview }: PreviewThemeCardProps) {
   const style = document.createElement('style')
diff --git a/napcat.webui/tailwind.config.js b/napcat.webui/tailwind.config.js
index e61cb47e..379ed05b 100644
--- a/napcat.webui/tailwind.config.js
+++ b/napcat.webui/tailwind.config.js
@@ -12,7 +12,7 @@ export default {
   safelist: [
     {
       pattern:
-        /bg-(primary|secondary|success|danger|warning)-(50|100|200|300|400|500|600|700|800|900)/
+        /bg-(primary|secondary|success|danger|warning|default)-(50|100|200|300|400|500|600|700|800|900)/
     }
   ],
   theme: {