feat: add text color

components/admin/packages/PackageForm.tsx

@@ -109,7 +109,7 @@ export default function PackageForm({ package: pkg, onSubmit, onCancel, isLoadin
                         required
                         value={formData.name || ''}
                         onChange={handleInputChange}
-                        className="block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm"
+                        className="block w-full px-3 py-2 text-slate-900 border border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm"
                         placeholder="مثال: com.approagency.meditation"
                         dir="ltr"
                     />
@@ -127,7 +127,7 @@ export default function PackageForm({ package: pkg, onSubmit, onCancel, isLoadin
                         required
                         value={formData.title || ''}
                         onChange={handleInputChange}
-                        className="block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm"
+                        className="block w-full px-3 py-2 text-slate-900 border border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm"
                         placeholder="مثال: آرام لند"
                     />
                 </div>
@@ -180,7 +180,7 @@ export default function PackageForm({ package: pkg, onSubmit, onCancel, isLoadin
                         name="v1_identifier"
                         value={formData.v1_identifier || ''}
                         onChange={handleInputChange}
-                        className="block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm"
+                        className="block w-full px-3 py-2 text-slate-900 border border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm"
                     />
                 </div>
 
@@ -195,7 +195,7 @@ export default function PackageForm({ package: pkg, onSubmit, onCancel, isLoadin
                         name="myket_access_token"
                         value={formData.myket_access_token || ''}
                         onChange={handleInputChange}
-                        className="block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm"
+                        className="block w-full px-3 py-2 text-slate-900 border border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm"
                     />
                 </div>
 
@@ -210,7 +210,7 @@ export default function PackageForm({ package: pkg, onSubmit, onCancel, isLoadin
                         name="cafe_config_id"
                         value={formData.cafe_config_id || ''}
                         onChange={handleNumberChange}
-                        className="block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm"
+                        className="block w-full px-3 py-2 text-slate-900 border border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm"
                     />
                 </div>
 
@@ -225,7 +225,7 @@ export default function PackageForm({ package: pkg, onSubmit, onCancel, isLoadin
                         name="web_app_url"
                         value={formData.web_app_url || ''}
                         onChange={handleInputChange}
-                        className="block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm"
+                        className="block w-full px-3 py-2 text-slate-900 border border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm"
                         placeholder="https://example.com"
                     />
                 </div>
@@ -241,7 +241,7 @@ export default function PackageForm({ package: pkg, onSubmit, onCancel, isLoadin
                         name="tries"
                         value={formData.tries || 0}
                         onChange={handleNumberChange}
-                        className="block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm"
+                        className="block w-full px-3 py-2 text-slate-900 border border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm"
                     />
                 </div>
 

components/admin/packages/PackageList.tsx

@@ -32,7 +32,7 @@ export default function PackageList({ packages, onEdit, onDelete, isLoading }: P
         <div className="bg-white shadow overflow-hidden sm:rounded-lg">
             <ul className="divide-y divide-gray-200">
                 {packages.map((pkg) => (
-                    <li key={pkg.id} className="px-6 py-4 hover:bg-gray-50">
+                    <li key={pkg.id} className="px-2 py-4 hover:bg-gray-50">
                         <div className="flex items-center justify-between">
                             <div className="flex-1 min-w-0">
                                 <div className="flex items-center space-x-3 space-x-reverse">
@@ -44,22 +44,18 @@ export default function PackageList({ packages, onEdit, onDelete, isLoading }: P
                                         />
                                     )}
                                     <div>
-                                        <p className="text-sm font-medium text-indigo-600 truncate">
+                                        <p className="text-sm font-medium text-indigo-600 truncate px-2">
                                             {pkg.title || 'بدون عنوان'}
                                         </p>
-                                        <p className="text-sm text-gray-500">
+                                        <p className="text-sm text-gray-500 px-2">
                                             {pkg.name || 'بدون نام'}
                                         </p>
                                     </div>
                                 </div>
                                 <div className="mt-2 sm:flex sm:justify-between">
                                     <div className="sm:flex sm:space-x-4 sm:space-x-reverse">
-                                        <p className="text-xs text-gray-500">
-                                            شناسه: {pkg.uuid?.substring(0, 8)}...
-                                        </p>
-                                        <p className="text-xs text-gray-500 mt-1 sm:mt-0">
-                                            تلاش‌ها: {pkg.tries || 0}
-                                        </p>
+
+
                                     </div>
                                     <p className="text-xs text-gray-500 mt-1 sm:mt-0">
                                         آخرین به‌روزرسانی: {formatDate(pkg.updated_at)}

components/admin/products/ProductForm.tsx

@@ -84,7 +84,7 @@ export default function ProductForm({ product, packageName, onSubmit, onCancel,
                         required
                         value={formData.title || ''}
                         onChange={handleInputChange}
-                        className="block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm"
+                        className="block w-full px-3 py-2 text-slate-900 border border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm"
                         placeholder="مثال: اشتراک ماهانه"
                     />
                 </div>
@@ -102,7 +102,7 @@ export default function ProductForm({ product, packageName, onSubmit, onCancel,
                         min="0"
                         value={formData.price || ''}
                         onChange={handleInputChange}
-                        className="block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm"
+                        className="block w-full px-3 py-2 text-slate-900 border border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm"
                         placeholder="مثال: 60000"
                     />
                 </div>
@@ -118,7 +118,7 @@ export default function ProductForm({ product, packageName, onSubmit, onCancel,
                         required
                         value={formData.type || 4}
                         onChange={handleInputChange}
-                        className="block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm"
+                        className="block w-full px-3 py-2 text-slate-900 border border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm"
                     >
                         {Object.entries(PRODUCT_TYPES).map(([value, label]) => (
                             <option key={value} value={value}>
@@ -139,7 +139,7 @@ export default function ProductForm({ product, packageName, onSubmit, onCancel,
                         type="text"
                         value={newDescription}
                         onChange={(e) => setNewDescription(e.target.value)}
-                        className="flex-1 px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm"
+                        className="flex-1 px-3 py-2 text-slate-900 border border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm"
                         placeholder="ویژگی جدید را وارد کنید"
                         onKeyPress={(e) => {
                             if (e.key === 'Enter') {

components/admin/users/PackageSelector.tsx

@@ -50,7 +50,7 @@ export default function PackageSelector({ token, selectedPackage, onPackageChang
                 value={selectedPackage || ''}
                 onChange={handleChange}
                 disabled={loading || isLoading}
-                className="block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm disabled:opacity-50"
+                className="block w-full px-3 py-2 text-slate-900 border border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm disabled:opacity-50"
             >
                 {loading ? (
                     <option>در حال بارگذاری...</option>

components/admin/users/UserSearch.tsx

@@ -32,7 +32,7 @@ export default function UserSearch({ onSearch, isLoading }: UserSearchProps) {
                         <input
                             type="text"
                             id="search"
-                            className="block w-full pr-10 pl-3 py-2 border border-gray-300 rounded-md leading-5 bg-white placeholder-gray-500 focus:outline-none focus:placeholder-gray-400 focus:ring-1 focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm"
+                            className="block w-full pr-10 pl-3 py-2 border text-slate-900 border-gray-300 rounded-md leading-5 bg-white placeholder-gray-500 focus:outline-none focus:placeholder-gray-400 focus:ring-1 focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm"
                             placeholder="جستجو با ایمیل یا شماره موبایل..."
                             value={searchTerm}
                             onChange={(e) => setSearchTerm(e.target.value)}