ダークモードなどをサポートした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
UberがEVを推進する「Uber Green」プログラムを北米1400都市に拡大
EnviroTech
2021-01-14 10:39
米国株は長期金利上昇で弱気相場へ?–株価波乱でも冷静に
IT関連
2021-03-05 13:11
サーバレスアプリのビジュアル開発ツール「AWS Application Composer」が正式版に。簡単にAWSサービスの構成や連携、デプロイなどが可能に
AWS
2023-03-09 17:25
primeNumber、データカタログ特化のサービス「COMETA」を提供–新たなビジネス構想やブランド刷新も
IT関連
2024-05-11 02:58
1日に必要な栄養素の3分の1を1食で摂れるBASE FOOD提供のベースフードが20億円調達、新商品開発を加速
IT関連
2022-02-25 10:45
「マネーフォワード Admina」、「Admina Vendor」プラン開始–効率的なSaaS購買を実現
IT関連
2023-07-14 10:02
SGシステムら、顔認証を用いた勤怠システムを共同開発–勤怠打刻の所要時間を半減
IT関連
2022-08-25 09:05
第1回:そもそも文書はなぜ重要なのか?
IT関連
2023-11-15 19:26
SNSでプラモ転売容認のホビー雑誌編集者、退職処分に 上司3人も降格 ホビージャパンが発表
ネットトピック
2021-07-27 09:20
クラウドで“お堅い会社”が変わり始めた–関西電力送配電の体験記
IT関連
2022-10-08 17:09
米FCCがネット接続支援に1.08兆円の緊急支出開始、パンデミックによる悪影響が最も深刻な人々を支援
パブリック / ダイバーシティ
2021-05-13 04:56
光電変換効率が高い有機薄膜太陽電池の発電の仕組みは「下り坂」だった―京都大学が発電機構を解明
IT関連
2022-03-02 01:48
キヤノンMJ、スポーツ産業のDX推進を支援–スポーツ庁の成長促進事業に参画
IT関連
2022-10-06 16:51
テスラ、オランダのSuperchargerネットワークをすべてのEVに開放
IT関連
2022-02-16 19:02