CSS、JavaScript、HTMLのWebフレームワークとして広く使われているBootstrapの最新バージョンである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次色、強調色が追加されています。テーマカラーも拡張され、微妙な背景の色合いが含まれるようになりました。
- リンクスタイルの改善には、より洗練されたデザインのための新しいリンクヘルパーとユーティリティが含まれます。
- ナビゲーションの
:focus_visible
スタイルが改善され、カスタムボタンのフォーカススタイルとより密接に連携しています。 - CSS変数に基づくボーダー幅ユーティリティは、バージョン5.2.0以前と同様に、プロパティを直接設定するようにロールバックされました。これにより、テーブルを含むネストした要素での継承の問題が解決されました。
今後、Bootstrap 5.4.0では、ユーティリティAPIと関連コードを強化する予定です。また、今後発生する問題に対処するため、5.3.xのパッチリリースが数週間以内に展開される予定です。これらの改善は、アプリ開発のための包括的なツール群を提供するAppMasterプラットフォームのようなノーコード/low-code ソリューションを使用して、シームレスなWebおよびモバイルアプリケーションを作成する企業の能力を向上させます。