62 lines
5.6 KiB
Markdown
62 lines
5.6 KiB
Markdown
|
# جابه‌جایی مشکی و زرشکی در اپ مشتری (user-app-v2)
|
|||
|
|
|
|||
|
|
**وضعیت:** تأیید شد و انجام شد (2026-10-14). زرشکی دقیق برند: `#7C0035`. خروج ← مشکی؛ کارت‌های بزرگ (موجودی، دعوت، نوار نرخ) ← خودِ زرشکی برند `#7C0035` در هر دو حالت روشن و تیره (به درخواست صاحب کار، به‌جای زرشکی تیره).
|
|||
|
|
**تاریخ:** ۱۴۰۵/۰۷/۲۲ (2026-10-14)
|
|||
|
|
|
|||
|
|
## هدف
|
|||
|
|
- رنگ اصلی اپ از **مشکی** به **زرشکی** تغییر کند و مشکی نقش فرعی داشته باشد.
|
|||
|
|
- مشکی کمتر دیده شود و زرشکی در اولویت باشد.
|
|||
|
|
- **ظاهر و ساختار صفحه‌ها تغییر نمی‌کند**؛ فقط رنگ همان دکمه‌ها و کارت‌های فعلی عوض می‌شود.
|
|||
|
|
|
|||
|
|
## خارج از این کار (دست نمی‌خورد)
|
|||
|
|
- **رنگ متن‌ها**: متن‌ها همان مشکی/خاکستری فعلی می‌مانند. اگر متن زرشکی شود، خواندنش سخت می‌شود.
|
|||
|
|
- **سرمه‌ای و برنزیِ باقی‌مانده از اپ قدیمی**: این‌ها شامل نوار وضعیت گوشی، نوار نرخ طلا، اسپینر، `SheetArt`، `ActingAsBar` و پنجرهٔ به‌روزرسانی هستند و اگر خواستید، بعداً جداگانه انجام می‌شوند.
|
|||
|
|
- اپ قدیمی `user-app` و پنل مدیریت.
|
|||
|
|
|
|||
|
|
## وضعیت فعلی
|
|||
|
|
در این اپ، **«مشکیِ پُر»** (`@ink`) رنگ اصلی است و **زرشکی** (`@wine`) فقط برای تأکید، حالت فشرده، نشان‌ها و دکمهٔ خروج استفاده می‌شود.
|
|||
|
|
|
|||
|
|
## تغییرات
|
|||
|
|
|
|||
|
|
### ۱) هر جا که پس‌زمینه مشکیِ پُر است ← زرشکی (متن روی آن سفید)
|
|||
|
|
این‌ها دکمه‌های اصلی، گزینه‌های انتخاب‌شده و کلیدها هستند:
|
|||
|
|
|
|||
|
|
| بخش | فایل |
|
|||
|
|
|---|---|
|
|||
|
|
| دکمه‌های سبد خرید (۴ مورد) | `views/CartView.vue` |
|
|||
|
|
| دکمهٔ ورود | `views/user/LoginView.vue` |
|
|||
|
|
| دکمهٔ ثبت‌نام | `views/user/RegisterView.vue` |
|
|||
|
|
| گزینهٔ انتخاب‌شدهٔ وزن/سایز و دکمهٔ صفحهٔ محصول | `components/product/SingleProduct.vue` |
|
|||
|
|
| برچسب روی کارت محصول | `components/product/ProductCard.vue` |
|
|||
|
|
| چیپ‌های جستجو و فیلتر | `views/search/SearchView.vue`، `components/search/Filters.vue` |
|
|||
|
|
| فیلترهای سفارش‌ها | `views/user/OrdersView.vue` |
|
|||
|
|
| کلید روشن/خاموش | `components/ui/ToggleSwitch.vue` |
|
|||
|
|
| بازشدن منوی کشویی | `components/ui/DropDown.vue` |
|
|||
|
|
| دکمهٔ اصلی پنجره‌های پایین صفحه | `components/ui/IslandSheet.vue` |
|
|||
|
|
| علاقه‌مندی‌ها، صفحهٔ تنظیمات ظاهر | `FavoritesView.vue`، `AppearanceView.vue` |
|
|||
|
|
| دکمه‌های بخش کارشناس | `expert/ChildOrdersView.vue`، `expert/CustomerChoiceView.vue` |
|
|||
|
|
|
|||
|
|
حاشیهٔ گزینهٔ انتخاب‌شده (در تنظیمات ظاهر) و حاشیهٔ خانهٔ کد تأیید (OTP) در هنگام تایپ هم از مشکی به زرشکی تغییر می‌کنند.
|
|||
|
|
|
|||
|
|
### ۲) جاهایی که زرشکی قبلاً «رنگ دوم» بوده ← زرشکی تیره
|
|||
|
|
برخی جاها زرشکی برای این بوده که از مشکیِ اصلی متمایز شوند؛ مثلاً چیپ فیلترِ فعال در جستجو و مرحلهٔ فعال سفارش. اکنون که رنگ اصلی زرشکی شده، این موارد **زرشکی تیره** (`@wineDeep`) می‌شوند تا تفاوت حفظ شود و مشکی هم وارد کار نشود.
|
|||
|
|
|
|||
|
|
### ۳) کارت‌های تیرهٔ بزرگ ← زرشکی تیره
|
|||
|
|
کارت موجودی و دعوت به ورود در داشبورد، و نوار نرخ در صفحهٔ اصلی، اکنون مشکی هستند. با تغییر **یک مقدار** (`heroSurface`)، هر سه زرشکی تیره می‌شوند و گرادیان کارت موجودی از زرشکی تیره به زرشکی می‌رود.
|
|||
|
|
|
|||
|
|
### ۴) حالت تیره (Dark mode)
|
|||
|
|
در حالت تیره همان قاعده برقرار است: دکمه‌ها با زرشکیِ روشن‌ترِ حالت تیره نمایش داده می‌شوند و متن روی آن‌ها سفید است. کارت‌های بزرگ هم زرشکی خیلی تیره می‌شوند، نه خاکستری.
|
|||
|
|
|
|||
|
|
## سؤال‌ها از شما
|
|||
|
|
|
|||
|
|
۱. **دکمهٔ «خروج»** اکنون زرشکی است تا از بقیه جدا باشد. اگر همه‌چیز زرشکی شود، این دکمه دیگر متمایز نیست.
|
|||
|
|
- **پیشنهاد من:** خروج **مشکی** شود (عملاً جای دو رنگ عوض می‌شود). این یکی از معدود جاهایی است که مشکی می‌ماند.
|
|||
|
|
- گزینهٔ دیگر: قرمز (رنگ خطا).
|
|||
|
|
|
|||
|
|
۲. **کارت‌های بزرگ داشبورد** (بند ۳): زرشکی تیره شوند یا مشکی بمانند؟
|
|||
|
|
- **پیشنهاد من:** زرشکی تیره، چون خواستید مشکی کمتر دیده شود. نتیجه این است که صفحهٔ داشبورد به‌وضوح زرشکی دیده می‌شود.
|
|||
|
|
|
|||
|
|
## بعد از انجام
|
|||
|
|
- بیلد اپ و بررسی چشمی صفحه‌های اصلی، سبد خرید، محصول، جستجو، ورود و داشبورد، در هر دو حالت روشن و تیره.
|
|||
|
|
- یک خط یادداشت انتشار برای کاربر: «اپ: رنگ اصلی برنامه زرشکی شد».
|