Bootstrap 5.3.0 Ưu tiên Chế độ tối và Màu tùy chỉnh

Phiên bản mới nhất của khung web CSS, JavaScript và HTML được sử dụng rộng rãi, Bootstrap 5.3.0 , tự hào có những cải tiến đáng kể với sự tập trung sâu sắc vào chế độ tối và chế độ màu tùy chỉnh. Với phần lõi được viết lại, khung ứng dụng ưu tiên thiết bị di động này nhằm mục đích giúp các nhà phát triển kết hợp các tính năng này vào dự án của họ dễ dàng hơn.

Bản phát hành ổn định của Bootstrap 5.3.0 đã được công bố vào ngày 30 tháng 5 và có thể được truy cập từ GetBootstrap.com. Một thay đổi đáng kể trong bản cập nhật này là chọn tham gia theo mặc định hỗ trợ hạng nhất cho chế độ tối. Ngoài ra, các nhà phát triển giờ đây có thể sử dụng bất kỳ số lượng chế độ màu nào để xây dựng các chủ đề tùy chỉnh hoặc các bảng màu phức tạp hơn. Hỗn hợp Sass color-mode() mới tạo ra các kiểu chế độ tối, cho phép các kiểu dành riêng cho chế độ màu.

Biểu định kiểu _variables-dark.scss chuyên dụng chứa các biến Sass dành riêng cho chế độ tối. Ngoài ra, Bootstrap 5.3.0 còn mang đến nhiều cải tiến khác:

• Một bảng màu được đại tu có các biến Sass, biến CSS mới và các tiện ích để đặt màu, màu nền và màu đường viền.
• Màu nền trước và màu nền được tăng cường bằng các màu thứ cấp, thứ ba và màu nhấn mạnh. Màu sắc chủ đề cũng đã được mở rộng để bao gồm các sắc thái nền tinh tế.
• Các cải tiến về kiểu dáng liên kết bao gồm các tiện ích và trình trợ giúp liên kết mới cho các thiết kế phức tạp hơn.
• Điều hướng được hưởng lợi từ các kiểu :focus_visible tốt hơn, căn chỉnh chặt chẽ hơn với các kiểu tiêu điểm của nút tùy chỉnh.
• Các tiện ích có độ rộng đường viền dựa trên các biến CSS đã được khôi phục để đặt trực tiếp các thuộc tính của chúng, giống như trước phiên bản 5.2.0. Điều này giải quyết các vấn đề thừa kế trên các phần tử lồng nhau, bao gồm cả các bảng.

Sắp tới, Bootstrap 5.4.0 dự định nâng cao API tiện ích và mã liên quan. Để giải quyết các sự cố sắp tới, các bản phát hành bản vá cho 5.3.x sẽ được tung ra trong vài tuần tới. Tất cả những cải tiến này giúp doanh nghiệp tăng cường khả năng tạo các ứng dụng di động và web liền mạch bằng cách sử dụng các giải pháp không cần mã/ low-code như nền tảng AppMaster , nền tảng này cung cấp một bộ công cụ toàn diện để phát triển ứng dụng.