Forced Color Adjust

📌 مفهوم

forced-color-adjust یک ویژگی CSS است که مشخص می‌کند یک عنصر چگونه در حالت Forced Colors (مثل High Contrast Mode ویندوز) رفتار کند.

  • در حالت High Contrast Mode سیستم عامل رنگ‌ها را بازنویسی می‌کند تا خوانایی بالا برود.

  • این ویژگی به طراح اجازه می‌دهد کنترل کند که آیا رنگ‌های CSS اعمال شوند یا سیستم آن‌ها را تغییر دهد.

🔹 مقادیر

مقدارتوضیح
autoپیش‌فرض. مرورگر رنگ‌ها را با توجه به حالت High Contrast تغییر می‌دهد.
noneرنگ‌ها به صورت CSS اعمال می‌شوند و مرورگر آن‌ها را تغییر نمی‌دهد.

🔹 مثال

مثال 1: استفاده پیش‌فرض

.button { background-color: blue; color: white; forced-color-adjust: auto; /* سیستم High Contrast رنگ‌ها را تغییر می‌دهد */ }

مثال 2: غیرفعال کردن Forced Colors

.button { background-color: blue; color: white; forced-color-adjust: none; /* رنگ‌های تعریف شده حفظ می‌شوند */ }

✅ نکته: معمولاً برای عناصر سفارشی یا گرافیک‌ها استفاده می‌شود تا در حالت High Contrast ظاهر درست داشته باشند.