ダークモードなどをサポートしたBootstrap 5.3アルファ1版が登場。新しいカラーパレットも追加

今回は「ダークモードなどをサポートしたBootstrap 5.3アルファ1版が登場。新しいカラーパレットも追加」についてご紹介します。

関連ワード (作成可能、属性、要素等) についても参考にしながら、ぜひ本記事について議論していってくださいね。

本記事は、Publickey様で掲載されている内容を参考にしておりますので、より詳しく内容を知りたい方は、ページ下の元記事リンクより参照ください。


複雑なHTMLやCSSを記述しなくとも、簡単にWebページをデザインできるフレームワーク「Bootstrap」の最新版「Bootstrap 5.3.0アルファ1版」がリリースされました。

Closing out the year with a big new release, v5.3.0-alpha1! Get your hands on the pre-release with color modes, expanded color palette, new utilities, and more! https://t.co/5ZMTGF0FKk

Wishing everyone an amazing holiday break and a Happy New Year! Catch y’all in 2023 pic.twitter.com/eRjS6bz2t4

— Bootstrap (@getbootstrap) December 24, 2022

Bootstrap 5.3では、ダークモードを含む多彩なカラーモードがサポートされるようになります。

ルートの要素に対するdata-bs-theme属性を使用することで、複数のカラーモードを設定できます。このカラーモードはライトとダークだけでなく、data属性を利用することでいくつでもテーマを作成可能です。

fig

多くの新しいカラーパレットがSass変数、CSS変数とともに追加されました。

fig

前景色と背景色には新しい二次色、三次色、強調色が追加され、テーマカラーにはさりげない背景色、さりげないボーダー色、暗いテキスト色などが追加されました。

そのほかグリッドブレークポイント、リンクカラー、クローズボタン、アラートリンク、フォームなどに新しいCSS変数が追加され、多くのコンポーネントが更新されています。

詳細は「Bootstrap 5.3.0-alpha1」をご参照ください。

COMMENTS


Recommended

TITLE
CATEGORY
DATE
世界中の視聴者にエンタメの門戸を広げるローカリゼーションサービス市場をリードするIyuno Media Group
ソフトウェア
2021-05-12 05:10
セキュリティの老舗イメージを変えたい–チェック・ポイントが新体制で始動
IT関連
2022-03-19 05:18
水素関連株との付き合い方–参考銘柄と投資戦略
IT関連
2021-03-30 11:34
Google、1エクサフロップを超える性能を持つ「TPU v4」発表、Google史上最高性能のシステム :Google I/O 2021
クラウドユーザー
2021-05-20 19:52
インド最大のEdTechスタートアップByju’sが米国の読書プラットフォームEpicを約550億円で買収
EdTech
2021-07-23 20:09
Google Meetに複数ピン留めや明るさ自動調整、背景置き換えなどの新機能追加
ネットサービス
2021-04-23 02:46
ドコモ20年度通期は増収増益、ただしモバイル事業は減収 今期は金融・決済に注力
企業・業界動向
2021-05-13 18:05
与信サービス構築基盤Credit as a Serviceを展開するCrezitが6.5億円調達、開発・経営チームの採用強化
IT関連
2022-02-25 10:45
コンカー、「デジタルインボイス構想」を発表–インフォマート・LINEと連携
IT関連
2021-02-12 12:47
インテル、バグ報奨金プログラム拡大–"エリート"ハッカーのグループによる脆弱性発見を強化へ
IT関連
2022-02-05 02:17
LINEの不具合、原因はメンテナンスの人的ミス 誤って機器をシャットダウン
ネットトピック
2021-04-14 07:48
大手芸能事務所が「N高」と組む理由 “好きなことで自分探し”がエンタメ業界の糧に
くらテク
2021-02-05 15:06
アクロニス、MariaDBのバックアップ機能を「Cyber Protect Cloud」に
IT関連
2022-02-22 03:58
「デジタル産業の業界団体」を掲げたJEITA新会長の決意とは
IT関連
2022-06-11 11:21