คู่มือการใช้งานระบบหลังบ้าน

Appearance

ตั้งค่าสีของระบบ ​

รายละเอียดตั้งค่าสีส่วนต่างๆของระบบ

รายละเอียดตั้งค่าสีส่วนต่างๆของระบบ - คลิกแถวของตารางเพื่อดูภาพประกอบ

Environment Variableค่าคำอธิบาย
REACT_APP_BG_MODAL_HEADERlinear-gradient(to right, #5099F2, #2F33B7)สีพื้นหลังของแถบด้านบน หน้าจอมือถือและเมนูหวย
REACT_APP_BG_MODAL_BODY#1e2b3eสีพื้นหลังของ modal
REACT_APP_BG_MAIN#0D131Cสีพื้นหลังหลักของหน้าเว็บ
REACT_APP_BG_HEADER#161f2cสีพื้นหลังของ header
REACT_APP_TXT_TITLE_MAIN_COLOR#fffสีของหัวข้อหลัก
REACT_APP_BG_SLICE_BAR#111923สี sidebar
REACT_APP_BG_SLICE_BAR_SEC_1#1d2633สีพื้นหลังเมนูด้านซ้าย
REACT_APP_BG_MENU_LEFT_ACTIVE_COLORlinear-gradient(194deg, #9825ff 0%, #29205f 100%)สีพื้นหลังเมนูที่ถูกเลือก (ด้านซ้าย)
REACT_APP_TXT_COLOR_MENU_LEFT_ACTIVE_COLOR#fffสีแถบตัวอักษรของเมนูที่ถูกเลือก (ด้านซ้าย)
REACT_APP_TXT_COLOR_MENU_LEFT_COLOR#97a7b6สีตัวอักษรของเมนูด้านซ้าย
REACT_APP_BORDER_BUTTOM_MENU_LEFT_COLOR1px solid #2d3744เส้นขอบของเมนูด้านซ้าย
REACT_APP_BG_NAVBAR_SEC3_COLOR#1d2633สีพื้นหลังส่วนแสดงข้อมูลของ member
REACT_APP_TXT_NAVBAR_SEC3_COLOR#fffสีตัวอักษรของส่วนแสดงข้อมูลของ member
REACT_APP_BG_COLOR_POPOVER_SEC_3#2a3546สีพื้นหลังแถบเมนูของ member
REACT_APP_BG_PROMOTION_PAGE_COLORlinear-gradient(0deg, #1d2633 0%, #2e394a 100%)สีพื้นหลังเมนูหน้าโปรโมชั่น
REACT_APP_BG_PROMOTION_ACTIVE_PAGE_COLORlinear-gradient(165deg, #523fbe -17.16%, #523fbe 91.36%)สีพื้นหลังเมนูหน้าโปรโมชั่นตอนถูกเลือก
REACT_APP_BG_PROMOTION_UNDER_IMG_COLOR#1d2633สีพื้นหลังส่วนรายละเอียดโปรโมชั่น
REACT_APP_BG_COLOT_FOOTER_Mlinear-gradient(180deg, #242737 0, #1b1e2f 25%)สีพื้นหลังของ footer หน้าจอมือถือ
REACT_APP_TXT_COLOR_FOOTER_M#97a7b6สีตัวอักษรของ footer หน้าจอมือถือ
REACT_APP_BG_FOOTER_MAIN_COLORlinear-gradient(10deg, #161f2c 6%, #191a33 85%)สีพื้นหลังของ footer หน้าจอคอมพิวเตอร์
REACT_APP_TXT_TITLE_FOOTER_COLOR#fffสีตัวอักษรของ footer หัวข้อหลัก
REACT_APP_TXT_TITLE_FOOTER_COLOR_SECONDARY#97a7b6สีตัวอักษรของ footer หัวข้อรอง
REACT_APP_TXT_FOOTER_ABOUT_WEBSITE_COLOR#97a7b6สีตัวอักษรของ footer เกี่ยวกับเว็บไซต์และ copyright