널리 사용되는 CSS, JavaScript 및 HTML 웹 프레임워크의 최신 버전인 Bootstrap 5.3.0은 다크 모드 및 사용자 정의 색상 모드에 중점을 두고 크게 향상되었습니다. 재작성된 코어를 통해 이 모바일 우선 애플리케이션 프레임워크는 개발자가 프로젝트에 이러한 기능을 보다 쉽게 통합할 수 있도록 하는 것을 목표로 합니다.
Bootstrap 5.3.0의 안정적인 릴리스는 5월 30일에 발표되었으며 GetBootstrap.com에서 액세스할 수 있습니다. 이 업데이트의 중요한 변경 사항은 기본적으로 다크 모드에 대한 일류 지원을 선택하는 것 입니다. 또한 개발자는 원하는 수의 색상 모드를 사용하여 사용자 지정 테마 또는 더 복잡한 색상 팔레트를 만들 수 있습니다. 새로운 color-mode()
Sass 믹스인은 어두운 모드 스타일을 생성하여 색상 모드별 스타일을 허용합니다.
전용 _variables-dark.scss 스타일시트는 다크 모드별 Sass 변수를 수용합니다. 또한 Bootstrap 5.3.0은 다음과 같은 다양한 개선 사항을 제공합니다.
- 정밀 검사된 색상 팔레트에는 새로운 Sass 변수, CSS 변수 및 색상, 배경색 및 테두리 색상 설정을 위한 유틸리티가 있습니다.
- 전경색과 배경색은 2차, 3차 및 강조 색상으로 보강됩니다. 미묘한 배경 음영을 포함하도록 테마 색상도 확장되었습니다.
- 링크 스타일 개선에는 보다 정교한 디자인을 위한 새로운 링크 도우미 및 유틸리티가 포함됩니다.
- Nav는 더 나은
:focus_visible
스타일의 이점을 누리며 사용자 정의 버튼 포커스 스타일과 더 밀접하게 정렬됩니다. - CSS 변수를 기반으로 하는 테두리 너비 유틸리티는 버전 5.2.0 이전과 마찬가지로 속성을 직접 설정하기 위해 롤백되었습니다. 이렇게 하면 테이블을 포함하여 중첩된 요소 전체에서 상속 문제가 해결됩니다.
앞으로 Bootstrap 5.4.0은 유틸리티 API 및 관련 코드를 향상시킬 계획입니다. 다가오는 문제를 해결하기 위해 5.3.x용 패치 릴리스가 몇 주 안에 출시될 예정입니다. 이러한 모든 개선 사항은 앱 개발을 위한 포괄적인 도구 모음을 제공하는 AppMaster 플랫폼과 같은 노코드/ low-code 솔루션을 사용하여 원활한 웹 및 모바일 애플리케이션을 만드는 기업의 능력을 증폭시킵니다.