Bootstrap5.3がリリースされており（現段階ではまだalphaバージョン？）、ダークモードが追加されたようです。
このブログでもBootstrapを長らく使っていて、時々バージョンを上げていましたが、ダークモード対応したいなと思っていたのでアップデートしました。 基本的にはバージョンを上げるだけで大丈夫で、Bootstrapの記事に記載されているJavaScriptを導入するとユーザーの環境設定に応じてColor modeが設定されるようです。
ダークモード対応に伴い、色をcssで指定していた部分を少し対応しました。
text-darkを指定していたところを、text-bodyに変更- badgeのスタイルの更新
- syntacs highlightingに関して、highlight.js を導入、スタイルは
a11y-darkのテーマを追加ました。
ようやくダークモードに対応できて、もう少しブログも更新していこうと思います。
エンジニアリング Bootstrap DarkMode
関連記事
-
2025/5/2
Cursorでゴルフのスコアを入力するアプリを作ってみました
cursor
-
2025/3/28
Macのストレージに空き容量があるのに、実際には空き容量がない状態になっているとき
Mac Storage
-
2024/3/24
try! Swift Tokyo 2024
try! Swift Tokyo 2024の参加メモ
Swift
-
2023/1/31
SwiftUIでTabBarを非表示にする
SwiftUI TabBar
-
2021/2/17
brew upgradeで Your CLT does not support macOS 11というエラーがでた
homebrew macOS Big Sur
-
2020/12/1
Apple Silicon搭載 MacBook Pro M1で Homebrewとrbenvをインストールする
先日購入したApple Silicon搭載 MacBook Pro M1にこのブログをビルドするためにHomebrewとrbenvをインストールしたのでメモ。
Apple Silicon Homebrew rbenv
-
2020/11/27
Apple Silicon搭載のMacBook Pro M1が危うく文鎮化するところだったので記録
Apple Silicon搭載のMacBook Pro 13インチを仕事用に購入したのですが、クリーンインストールしたところ文鎮化しかけたので記録しておきます。
MacBook Pro Apple Apple Silicon M1
-
2020/6/23
Platform State of the Unionまとめ
Platform State of the Unioまとめ
WWDC2020 Apple アップル iOS macOS watchOS tvOS
-
2020/6/23
WWDC2020キーノートまとめ
WWDC2020 キーノートまとめ
WWDC2020 Apple アップル iOS macOS watchOS tvOS
-
2020/5/31
GitHub Pagesで無料ブログを作成する - Part4 自分のオリジナルのテーマを作る
Jekyllでは既存のテーマを使うこともできるのですが、さらに一歩踏み込んで、自分で既存のテーマをカスタマイズしたり、テーマを作ることもできます。
GitHub Pages ブログ