直接改$primary变量即可，但需同步设置$theme-color-interval并适配深色模式逻辑，否则text-primary与bg-primary在暗色下对比度失效；必须基于Sass源码重编译，CDN引入的CSS无法全局生效。
直接改 $primary 变量就行，但改完必须同步处理 $theme-color-interval 和深色模式下的亮度计算逻辑，否则 text-primary、bg-primary 在暗色下会糊成一片。
改 $primary 之前先确认你用的是 Sass 版本
Bootstrap 的主题色只在 Sass 源码中可配置；CDN 引入的 CSS 文件是编译好的，硬覆盖 .btn-primary 这类规则属于“打补丁”，后续升级或加新组件时容易失效。
- 用 npm 安装的
bootstrap包，确保项目里有scss/bootstrap.scss入口文件 - 自己新建
_custom.scss，在 import Bootstrap 前定义变量：
$primary: #6a5acd; // 换成你的品牌紫 $theme-color-interval: 10; // 必须设！否则 text-primary 的暗化逻辑错乱 @import "bootstrap/scss/bootstrap";
不设 $theme-color-interval，Sass 函数 shade-color($primary, 20%) 会按默认 20% 算，而你的新主色可能一暗就发灰或过深。
text-primary 和 bg-primary 不是一对反色，别默认混搭
Bootstrap 默认用 shade-color($primary, 20%) 生成 text-primary，所以它比 bg-primary 固定暗一层——这在浅底上还行，但换了个高饱和主色（比如亮橙 #ff6b35）后，text-primary 可能直接看不清。
- 检查实际渲染值：打开 DevTools，选中一个
.text-primary元素，看 computed color 是多少 - 需要更高对比度？重写
$primary-text-emphasis变量（Bootstrap 5.3+ 支持），而不是靠 class 堆叠 - 小字号按钮慎用
text-primary+bg-primary组合，WCAG AA 很容易不达标
深色模式下 text-primary 不自动变亮，这是设计，不是 bug
Bootstrap 的 text-primary 是静态色值，data-bs-theme="dark" 不会影响它。真要响应深色模式，得用语义类：text-body-primary 或 text-body-secondary，它们背后调用 color-contrast() 动态算出可读颜色。
- 别试图给
text-primary加媒体查询覆盖——它没预留钩子，且破坏 Sass 主题系统 - 如果必须保留
text-primary名称语义，就在自定义变量里同时定义$primary-dark和$primary-light，再配合@media (prefers-color-scheme: dark)手动切 - 更省事的做法：把关键文案换成
text-body，它在深色模式下会从#212529切到#f8f9fa，天然适配
最常被忽略的一点：改完 $primary 后，所有依赖它的组件（Alert、Progress、Form-range track、Toast border…）都会跟着变——但它们的 contrast ratio 可能崩掉，尤其是用在深色背景上的浅色文字。上线前务必用浏览器的“Contrast”调试工具扫一遍关键路径。
