Bootstrap 5.3.0 จัดลำดับความสำคัญของ Dark Mode และ Custom Colours

Bootstrap 5.3.0 เวอร์ชันล่าสุดของเว็บเฟรมเวิร์ก CSS, JavaScript และ HTML ที่ใช้กันอย่างแพร่หลาย มีการปรับปรุงที่สำคัญโดยเน้นไปที่โหมดมืดและโหมดสีที่กำหนดเอง ด้วยแกนหลักที่เขียนใหม่ เฟรมเวิร์กแอปพลิเคชันสำหรับอุปกรณ์เคลื่อนที่เป็นอันดับแรกนี้มีจุดมุ่งหมายเพื่อให้นักพัฒนาสามารถรวมคุณลักษณะเหล่านี้ในโครงการของตนได้ง่ายขึ้น

Bootstrap 5.3.0 รุ่นเสถียรได้รับการประกาศเมื่อวันที่ 30 พฤษภาคม และสามารถเข้าถึงได้จาก GetBootstrap.com การเปลี่ยนแปลงที่สำคัญในการอัปเดตนี้คือ การเลือกใช้การสนับสนุนระดับเฟิร์สคลาสตามค่าเริ่มต้น สำหรับโหมดมืด นอกจากนี้ นักพัฒนาสามารถใช้โหมดสีจำนวนเท่าใดก็ได้เพื่อสร้างธีมแบบกำหนดเองหรือจานสีที่ซับซ้อนมากขึ้น color-mode() Sass mixin ใหม่สร้างสไตล์โหมดมืด อนุญาตให้ใช้สไตล์เฉพาะโหมดสี

สไตล์ชีต _variables-dark.scss เฉพาะ รองรับตัวแปร Sass เฉพาะโหมดมืด นอกจากนี้ Bootstrap 5.3.0 ยังมีการปรับปรุงอื่น ๆ อีกมากมาย:

• จานสีที่ปรับปรุงใหม่มีตัวแปร Sass, ตัวแปร CSS และยูทิลิตี้ใหม่สำหรับการตั้งค่าสี สีพื้นหลัง และสีเส้นขอบ
• สีพื้นหน้าและพื้นหลังเสริมด้วยสีรอง สีตติยภูมิ และสีเน้น สีของธีมได้รับการขยายเพื่อรวมเฉดสีพื้นหลังที่ละเอียดอ่อน
• การปรับปรุงรูปแบบลิงก์รวมถึงตัวช่วยลิงก์ใหม่และยูทิลิตี้สำหรับการออกแบบที่ซับซ้อนยิ่งขึ้น
• Navs ได้รับประโยชน์จาก :focus_visible style ที่ดีกว่า โดยปรับให้ใกล้เคียงกับสไตล์การโฟกัสของปุ่มที่กำหนดเองมากขึ้น
• ยูทิลิตี้ Border-width ที่อิงตามตัวแปร CSS ได้ถูกย้อนกลับเพื่อตั้งค่าคุณสมบัติโดยตรงเหมือนก่อนเวอร์ชัน 5.2.0 วิธีนี้จะแก้ปัญหาการสืบทอดองค์ประกอบที่ซ้อนกัน รวมถึงตาราง

มองไปข้างหน้า Bootstrap 5.4.0 ตั้งใจที่จะปรับปรุงยูทิลิตี้ API และโค้ดที่เกี่ยวข้อง เพื่อแก้ไขปัญหาที่จะเกิดขึ้น แพทช์สำหรับ 5.3.x จะถูกตั้งค่าให้เปิดตัวในอีกไม่กี่สัปดาห์ข้างหน้า การปรับปรุงทั้งหมดนี้ช่วยเพิ่มขีดความสามารถของธุรกิจในการสร้างเว็บและแอปพลิเคชั่นมือถือที่ราบรื่นโดยใช้โซลูชันแบบไม่มีโค้ด/ low-code เช่น แพลตฟอร์ม AppMaster ซึ่งมีชุดเครื่องมือที่ครอบคลุมสำหรับการพัฒนาแอป