Bootstrap5主題色定製：自定義品牌色與組件顏色

本文介紹了Bootstrap5主題色定製方法，以打造符合品牌風格的界面。核心是通過Sass變量控制主題色，提升品牌一致性並減少重複代碼。 步驟如下：首先安裝Bootstrap5和Sass（需Node.js環境），創建scss文件夾結構。接着在custom.scss中定義全局變量，如將主色設爲#4285F4（谷歌藍），並覆蓋核心變量。然後可精細化調整組件顏色，如按鈕用$btn-primary-bg變量、卡片用$card-bg變量，或臨時用工具類。進階技巧包括啓用深色模式（$enable-dark-mode: true）和通過CSS變量實現動態切換。注意變量需在導入Bootstrap前定義，編譯用Sass工具生成CSS。掌握後可靈活定製品牌界面。