/* ============================================================ สีตัวอักษรหลักของทั้งระบบ ------------------------------------------------------------ โหลดเป็นไฟล์สุดท้ายใน จึงชนะ bootstrap/app1 ที่มาก่อน หน้าไหนที่ไม่ได้ตั้งสีเอง จะได้ #222 ทั้งหมด ทำไมต้อง #222 ไม่ใช่ #000: ดำสนิทบนพื้นขาวให้คอนทราสต์สูงจน ตาล้าเมื่ออ่านยาว ๆ · #222 อ่านชัดกว่าเทาเดิมของ bootstrap (#212529 ใกล้เคียงกันแต่เราคุมเองจะได้แก้จุดเดียว) ============================================================ */ :root { --bs-body-color: #222; --wr-text: #222; /* ใช้อ้างในโมดูลใหม่ ๆ ได้ */ --wr-text-soft: #555; /* ข้อความรอง — ห้ามอ่อนกว่านี้ */ } body { color: #222; } /* เนื้อหาทั่วไปที่ bootstrap ไม่ได้ตั้งสีไว้ จะรับมาจาก body อยู่แล้ว ที่ต้องดึงกลับคือพวกที่ bootstrap ตั้งเป็นเทาอ่อนไว้ตายตัว */ p, li, td, th, dd, dt, label, .card-body, .modal-body, .table, .form-text { color: inherit; } /* ข้อความรอง: bootstrap ตั้ง .text-muted ไว้ที่ #6c757d ซึ่งบนพื้นขาว ได้คอนทราสต์ราว 4.6:1 — ผ่าน AA แบบเฉียดฉิว และอ่านยากบนจอสว่าง ดึงเข้ม #555 (ราว 7.4:1) ยังแยกจากเนื้อหาหลักได้อยู่ (กฎเดิมของโมดูลประชาคม: ห้ามอ่อนกว่า #64748b — ค่านี้เข้มกว่า จึงไม่ขัดกัน) */ .text-muted, .text-secondary, small.text-muted, .form-text { color: #555 !important; } /* ⚠️ ข้อยกเว้น: ตัวอักษรบนพื้นเข้มต้องไม่โดนดึงมาเป็นสีเข้มด้วย ที่ใดประกาศ .text-white/.text-light ไว้ ให้ชนะเสมอ */ .text-white, .text-white *, .text-light, .text-light *, .bg-dark .text-muted, .bg-primary .text-muted, .bg-secondary .text-muted, .navbar-dark .text-muted, [class*="bg-dark"] .text-muted { color: inherit !important; } .text-white { color: #fff !important; } .text-light { color: #f8f9fa !important; }