ใน Glimmer ของ Jetpack Compose ระบบสีได้รับการออกแบบมาสำหรับจอแสดงผลแบบเสริม
และสภาพแวดล้อมจริง Colors ใน
GlimmerThemeจะให้ความสำคัญกับพื้นหลังสีเข้มที่มีความโปร่งใสบางส่วนและสีสันสดใส
เพื่อให้มั่นใจว่าเนื้อหาจะอ่านได้ภายใต้แสงไฟในโลกแห่งความเป็นจริงที่คาดเดาไม่ได้ ซึ่งแตกต่างจากธีม Android มาตรฐาน
ระบบใช้ชุดสี 3 ส่วนที่มีสีหลัก สีรอง และสีกลาง สีที่เป็นกลางมักใช้เป็นพื้นผิวจริงของ UI เชิงพื้นที่ ขณะที่สีหลักและสีรองจะให้คิวภาพที่ชัดเจนสำหรับการโต้ตอบ และการสร้างแบรนด์
โปรดทราบว่าสี "On ..." เช่น On Surface จะไม่แสดงผ่าน
GlimmerTheme ระบบจะคำนวณสีเหล่านี้โดยอัตโนมัติตามสีพื้นหลัง
อย่างไรก็ตาม สีอื่นๆ จะแสดงผ่าน GlimmerTheme.colors โดยมี
ค่าสำหรับบทบาทสีแต่ละบทบาทตามที่อธิบายไว้ในตารางต่อไปนี้
บทบาทของสี |
ค่าเริ่มต้น |
|---|---|
หลัก |
#79ACFE |
รอง |
#4C88E9 |
ในแง่ดี |
#58FFA5 |
ที่ไม่ต้องการ |
#FF8981 |
พื้นหลัง |
|
แพลตฟอร์ม |
#303030 |
outline |
#CBC9C8 |
outlineVariant |
#42434A |
โปรดทราบว่าแม้ว่า background, surface, outline และ
outlineVariant จะมีการทำเครื่องหมายว่าปรับแต่งได้ แต่เราขอแนะนำอย่างยิ่งว่าคุณไม่ควร
ปรับแต่งค่าเหล่านี้