ダークモードなどをサポートした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
小規模メーカーと大手建設業者を結ぶInfra.Marketが106億円調達、インドの最新ユニコーンに
その他
2021-02-28 05:05
マイクロソフト、Webアプリテストの自動化サービス「Microsoft Playwright Testing」プレビューを開始
CI/CD
2023-08-29 09:11
マイクロソフトがXboxやPC用ゲームのアクセシビリティをテストする開発者向けサービスを開始
ゲーム / eSports
2021-02-19 08:17
AIの活用がコミュニケーションの活性化に–ZVC JAPAN・下垣社長
IT関連
2024-01-11 01:47
顧客体験プラットフォームのプレイドがKARTE Signals発表、ファースト・パーティ・データ活用し自社サイト内外で一貫した顧客体験実現
IT関連
2022-02-03 20:52
ファーウェイは自動車メーカーになることを否定し一次サプライヤーを目指す
モビリティ
2021-04-27 13:50
南都銀行、顧客との物件授受をデジタル化するシステム導入–効率と確実性の向上へ
IT関連
2023-12-13 03:42
データ活用を阻むカベを突破せよ–欠落しがちな利用者視点
IT関連
2024-03-14 08:29
三井住友カード、「Visaのタッチ決済」利用に50〜100%ポイント還元、2000円まで ドトールなど対象
企業・業界動向
2021-07-02 23:32
NTTとNEC、サプライチェーンセキュリティのコンソーシアムを設立
IT関連
2023-10-13 05:33
サイバー攻撃者の視点を誰もが知っておくべき理由
IT関連
2021-08-23 00:18
映画製作者が直接、作品をAmazonプライムビデオやApple TVなどのチャンネルで配信可能にするFilmhub
IT関連
2022-02-08 01:27
Twilio Japanの代表執行役員社長に久保敦氏が就任–国内市場でのISV戦略担う
IT関連
2024-04-07 09:52
CTC、カーボンニュートラルに関連するサービスメニューを体系化
IT関連
2022-09-03 02:38