ダークモードなどをサポートした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
エストニアで全人口約2割の顔写真データが流出 国のデータベースに脆弱性
セキュリティ
2021-08-06 23:00
懐疑論に打ち勝ったTypeScript、重要なのはビジョン–発表10周年
IT関連
2022-10-14 01:02
PostgreSQL互換の「Google Cloud AlloyDB」が大阪リージョンで提供開始。東京リージョンとのレプリケーションで高耐障害運用が可能に
Google Cloud
2023-03-02 20:08
NTT東、店舗映像のAI解析サービス–商品購入などの予兆を検知
IT関連
2022-02-18 10:07
DNP、「Okta」採用–海外拠点のITインフラ整備の迅速化とガバナンス強化を実現
IT関連
2022-11-22 17:16
Zoomアドオンのオンライン教育ソリューションを開発するClassが約31.7億円を調達
EdTech
2021-02-07 20:34
Webブラウザ上でWebAssembly製コンパイラによりC言語をWebAssemblyにコンパイル、そのまま実行可能に。Wasmer 4.4の新機能
C
2024-10-23 23:55
電子棚札企業のSES-imagotagが日本進出–価格表示の域を超えた価値提案
IT関連
2023-04-08 02:39
NTT Com、「Smart Data Platform」のメニュー体系を刷新
IT関連
2021-02-27 15:02
バンダイ、一部商品の取扱説明書を完全電子化 “紙”同梱せず SNSで賛否
くらテク
2021-04-23 10:28
「GNU」とフリーソフトウェア財団の40年を振り返る
IT関連
2023-10-04 01:42
Google、Apple、Twitterなどが加盟するAIC、香港当局のデータ法改定に「サービス停止の可能性」と警告
企業・業界動向
2021-07-07 10:34
StreamlabsがTwitchクリップをTikTok / Instagram / YouTubeに共有できる新ツール「Crossclip」を発表
ネットサービス
2021-07-17 12:06
Clubhouseで注目度が上がる「音声」を技術的に見る 説得力のある声を伝えるために知っておくべきこと (1/2 ページ)
イラスト・デザイン
2021-03-05 15:16