style: primary, danger, muted

src/hooks/useProductsSets.js

@@ -75,10 +75,10 @@ export const useProductsAuditStates = () => {
 
   useEffect(() => {
     const newData = [
-      { key: '-1', value: '-1', label: t('products:auditState.New'), color: 'gray-500' },
+      { key: '-1', value: '-1', label: t('products:auditState.New'), color: 'muted' },
       { key: '0', value: '0', label: t('products:auditState.Pending'), color: '' },
       { key: '2', value: '2', label: t('products:auditState.Approved'), color: 'primary' },
-      { key: '3', value: '3', label: t('products:auditState.Rejected'), color: 'red-500' },
+      { key: '3', value: '3', label: t('products:auditState.Rejected'), color: 'danger' },
       { key: '1', value: '1', label: t('products:auditState.Published'), color: 'primary' },
       // ELSE 未知
     ];

tailwind.config.js

@@ -7,6 +7,8 @@ export default {
     colors: {
       ...colors,
       'primary': '#00b96b',
+      'danger': '#ef4444',
+      'muted': '#6b7280',
     },
     extend: {},
   },