RGBM

คืออะไร

ให้ทุกคอมโพเนนต์สาธารณะมีคำศัพท์สีเชิงความหมายที่เสถียร เพื่อให้ความหมายของสียังคงอยู่เมื่อเปลี่ยนธีมและบังคับความสอดคล้องได้

ทำไม

สีดิบเลื่อนและไร้ความหมายข้ามคอมโพเนนต์ RGBM แทนที่ด้วยบทบาทเชิงความหมายที่สื่อเจตนา (navigation, action, insight, guard, system, warning)

อย่างไร

บทบาท → โทเคน → CSS/คอมโพเนนต์ เฉพาะไคลเอ็นต์

• กำหนดบทบาทสีเชิงความหมาย (RGBM.NAVIGATION.BLUE, RGBM.ACTION.GREEN, RGBM.INSIGHT.MAGENTA, RGBM.GUARD.RED, RGBM.SYSTEM.CYAN, RGBM.WARNING.AMBER)
• ให้ design/rgbm.json เป็นแหล่งความจริงเดียว
• ป้องกันคอมโพเนนต์อ้างอิงชื่อสีดิบ

ตัวอย่าง

คอมโพเนนต์ที่ต้องการความหมาย "สำเร็จ" ใช้โทเคนบทบาท SUCCESS (design/rgbm.json, web/assets/data/rgbm.tokens.json) แทนสีที่เขียนตายตัว

ข้อมูลนำเข้า

• คำนิยามบทบาทเชิงความหมาย (design/rgbm.json)

ผลลัพธ์

• โทเคนบทบาทที่ CSS และคอมโพเนนต์ใช้

สิ่งที่พึ่งพา

วงจรชีวิต

• RGBM v1 (4 บทบาท)
• RGBM ขยาย (6 บทบาท: + system, warning)

กรณีใช้งาน

• คอมโพเนนต์ใช้โทเคนบทบาทเพื่อความหมายที่สอดคล้อง
• ธีมและการเข้าถึงพึ่งพาบทบาทเชิงความหมาย

ข้อจำกัด

• บทบาทเท่านั้น — คอมโพเนนต์ห้าม hardcode สีดิบ
• ระบบภาพเท่านั้น ไม่มีความหมายเชิงข้อมูล

คำถามที่ผู้คนถาม

คำถามเหล่านี้ตอบโดยเนื้อหาบนหน้านี้

• RGBM คืออะไร?
• RGBM กำหนดบทบาทสีอะไรบ้าง?
• ทำไม AENET ใช้บทบาทสีเชิงความหมาย?

หลักฐาน

เฉพาะสถานะที่ตรวจสอบแล้ว — ไม่มีอะไรบนหน้านี้คือการคาดการณ์

• design/rgbm.json
• ui-contract/colors.json
• web/assets/data/rgbm.tokens.json