Files
tehran_taj/docs/BRAND-COLOR-SWAP-PLAN.md
T
s.esmaeiliandClaude Haiku 5.5 532ceee189 feat: move brand name to one config and redesign the accounting card
اپ: نام برند در همه‌ی صفحه‌ها و پیام‌ها یکسان شده و از یک تنظیم مرکزی خوانده می‌شود.
اپ: کارت حسابداری در صفحه‌ی مشتری بازطراحی شد؛ مانده‌ها و وضعیت لینک واضح‌تر نمایش داده می‌شوند.
پنل: کارت حسابداری در پرونده‌ی مشتری بازطراحی شد؛ مانده‌ها، آخرین ارسال و فرم لینک دستی واضح‌تر شده‌اند.
پنل: ستون «کد» در جدول‌ها به‌طور پیش‌فرض پنهان است و از انتخاب ستون‌ها قابل نمایش است.
پنل: تغییر نمایش ستون‌ها در جدول‌ها بلافاصله اعمال می‌شود.

Co-Authored-By: Claude Haiku 5.5 <noreply@anthropic.com>
2026-10-14 13:31:20 +03:30

5.6 KiB
Raw Blame History

جابه‌جایی مشکی و زرشکی در اپ مشتری (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)

در حالت تیره همان قاعده برقرار است: دکمه‌ها با زرشکیِ روشن‌ترِ حالت تیره نمایش داده می‌شوند و متن روی آن‌ها سفید است. کارت‌های بزرگ هم زرشکی خیلی تیره می‌شوند، نه خاکستری.

سؤال‌ها از شما

۱. دکمهٔ «خروج» اکنون زرشکی است تا از بقیه جدا باشد. اگر همه‌چیز زرشکی شود، این دکمه دیگر متمایز نیست.

  • پیشنهاد من: خروج مشکی شود (عملاً جای دو رنگ عوض می‌شود). این یکی از معدود جاهایی است که مشکی می‌ماند.
  • گزینهٔ دیگر: قرمز (رنگ خطا).

۲. کارت‌های بزرگ داشبورد (بند ۳): زرشکی تیره شوند یا مشکی بمانند؟

  • پیشنهاد من: زرشکی تیره، چون خواستید مشکی کمتر دیده شود. نتیجه این است که صفحهٔ داشبورد به‌وضوح زرشکی دیده می‌شود.

بعد از انجام

  • بیلد اپ و بررسی چشمی صفحه‌های اصلی، سبد خرید، محصول، جستجو، ورود و داشبورد، در هر دو حالت روشن و تیره.
  • یک خط یادداشت انتشار برای کاربر: «اپ: رنگ اصلی برنامه زرشکی شد».