{"پایه" + " " + grades[book?.gradeId]}
diff --git a/tailwind.config.js b/tailwind.config.js
index 0c6284b..525e999 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -4,54 +4,52 @@ module.exports = {
theme: {
backgroundColor: (theme) => ({
...theme("colors"),
- blueC0: "#196EC0",
- blueB0: "#517AB0",
- blue90: "#235A90",
- blueCB: "#98B2CB",
- blueEB: "#2B8DEB",
- blueFF: "#E8FCFF",
- blueFF1: "#E9F0FF",
- blueFD: "#F6F9FD",
- blueFD1 : "#F4F8FD",
- blueFFOP : "rgba(6, 146, 255, 0.36)",
- redFF: "#FFE6E6",
- redFF1: "#FF2020",
- red19: "#C01919",
- yellow2: "#FDFFDA",
- yellow3: "#EFFF00",
- gray36: "#363636",
- orange1: "#FF6600",
- greenBA: "#06BACE",
- green1: "#00FF80",
- gray20: "#202020",
- gray2077: "#20202077",
- gray2C: "#2C2C2C",
- gray36: "#363636",
- gray50: "#505050",
- grayDB: "#DBDBDB",
- grayE3: "#E3E3E3",
- grayEE: "#EEEEEE",
- grayF9: "#F9F9F9",
- grayF4: "#EBF0F4",
- grayF7: "#F7F7F7"
+ blueC0: "#196EC0", //در سبد خرید - دکمه ادامه فرآیند
+ blueB0: "#517AB0", // صفحه هوم دسکتاپ - زیر اسلایدر متن لیست محصولات
+ blue90: "#235A90", // نقطه های مشخص کننده صفحه در دسکتاپ انیمیشن حالت خاموش
+ blueCB: "#98B2CB", // صفحه فعال سازی کتاب دیجیتال دکمه فعال سازی با کد QR
+ blueEB: "#2B8DEB", // نوار پروگرس مقدار داخلی که داره پر میشه
+ blueFF: "#E8FCFF", // در موبایل صفحه ویديو رنگ پس زمینه لیست فصل ها
+ blueFF1: "#E9F0FF", // در صفحه نمایش ویديو پس زمینه پلی لیست
+ blueFD: "#F6F9FD", // در صفحه فعال سازی کتاب پس زمینه هشدار
+ blueFD1 : "#F4F8FD", // در صفحه فعال سازی هدر بالای سایت
+ blueFFOP : "rgba(6, 146, 255, 0.36)", // در صفحه محصولات دکمه پاک کردن فیلترها در سایدبار
+ redFF: "#FFE6E6", // در انیمیشن موبایل که میاد کد رو اسکن کنه نتیجه اسکن پس زمینه پی دی اف
+ redFF1: "#FF2020", // در آیکن همبرگری نقطه نوتیف
+ red19: "#C01919", // در صفحه محصول رنگ متن مشاهده نمونه
+ yellow2: "#FDFFDA", // در انیمیشن موبایل که برای اسکن کد میاد نتیجه اسکن پس زمینه لینک ها
+ yellow3: "#EFFF00", // خط زیر متن یادگیری در دیزاین موبایل پابلیک صفحه هوم
+ gray36: "#363636", // در حالت دارک صفحه موبایل پس زمینه دکمه های کیو آر و ای آز در هدر
+ orange1: "#FF6600", // خط زیر متن کنارتونیم در دیزاین موبایل پابلیک صفحه هوم
+ greenBA: "#06BACE", // در سرچ اصلی سایت رنگ تکست تایتل محصولات و صفحات
+ green1: "#00FF80", // خط زیر متن یادگیری جذاب در دیزاین موبایل پابلیک صفحه هوم
+ gray20: "#202020", // هیچ جا
+ gray2077: "#20202077", // در صفحه محصولات حالت دارک صفحه محصولات پس زمینه سرچ
+ gray2C: "#2C2C2C", // هیچ جا
+ gray50: "#505050", // در صفحه اسکن کیو آر رنگ پس زمینه ی روی عکس
+ grayE3: "#E3E3E3", // رنگ پس زمینه لپ تاپ در صفحه هوم موبایل که نشون دهنده ریسپانسیو بودن سایت ماست
+ grayEE: "#EEEEEE", // رنگ پس زمینه موبایل در صفحه هوم موبایل که نشون دهنده ریسپانسیو بودن سایت ماس
+ grayF9: "#F9F9F9", // رنگ پس زمینه قیمت محصول و گارنتی و فلان در سبد خرید
+ grayF4: "#EBF0F4", // در صفحه محصولات رنگ پس زمینه عکس کتاب
+ grayF7: "#F7F7F7" // رنگ پس زمینه باکس اضافه کردن به سبد خرید در صفحه محصول
}),
textColor: (theme) => ({
...theme("colors"),
primary: "#235A90",
- blueC0: "#196EC0",
- blueC01: "#1999C0",
- blueE8: "#2E81E8",
- blue52: "#132F52",
- blue5F: "#05335F",
- blueB9: "#86A0B9",
- green71: "#067182",
- greenBA: "#06BACE",
- red5F: "#5F1A05",
- red19: "#C01919",
- yellow1: "#5F5F05",
- gray1: "#333333",
- gray70: "#707070",
- grayDB: "#DBDBDB",
+ blueC0: "#196EC0", //در سبد خرید - دکمه ادامه فرآیند
+ blueC01: "#1999C0", // هیچ جا
+ blueE8: "#2E81E8", // در صفحه محصول متن به من کمک کن انتخاب کنم
+ blue52: "#132F52", // در باکس اضافه کردن به سبد خرید رنگ متن با خرید این محصول فلان تومن سود کن
+ blue5F: "#05335F", // رنگ لینکها در هدر بالای سایت
+ blueB9: "#86A0B9", // در موبایل تب پایین صفحه رنگ متن صفحات
+ green71: "#067182", // در دسکتاپ انیمیشن قسمت برگزاری آزمون تکست زمان بافیمانده
+ greenBA: "#06BACE", // در سرچ اصلی سایت رنگ تکست تایتل محصولات و صفحات
+ red5F: "#5F1A05", // در انیمیشن موبایل که میاد کد رو اسکن کنه نتیجه اسکن متن پی دی اف
+ red19: "#C01919", // در صفحه محصول رنگ متن مشاهده نمونه
+ yellow1: "#5F5F05", // در انیمیشن موبایل که برای اسکن کد میاد نتیجه اسکن رنگ متن لینک ه
+ gray1: "#333333", // رنگ متن سرچ در صفحه محصولات موبایل
+ gray70: "#707070", // رنگ متن تایتل لیست لینک ها در فوتر سایت
+ grayDB: "#DBDBDB", // در دراور موبایل رنگ متن شماره موبایل کاربر در حالت دارک
}),
// height: (theme) =>( {
// sm: '8px',