无需Sass/SCSS，如何修改Bootstrap模板的主题/配色？

方法1：用自定义CSS覆盖主题色 #

• 打开模板的index.html，在<head>标签内找到标注自定义样式的区域，或者直接在</head>前新增一个<style>标签。
• Start Bootstrap简历模板的主题色通常靠这几个核心类控制：bg-primary（主背景）、text-primary（主文字）、border-primary（主边框）。
• 直接在自定义样式里覆盖这些类的属性，示例代码：

.bg-primary {
  background-color: #2c3e50 !important; /* 替换成你需要的颜色值 */
}
.text-primary {
  color: #2c3e50 !important;
}
.border-primary {
  border-color: #2c3e50 !important;
}

• 加!important是为了确保自定义样式优先级高于模板自带样式，要是模板没设特殊优先级，也可以省略。

方法2：直接替换CSS文件里的颜色值 #

• 找到模板css文件夹里的主样式文件（一般是resume.css），先备份一份原文件以防出错。
• 用编辑器的“查找替换”功能，搜索当前的主题色十六进制值（就是你说的“屎黄色”对应的代码，比如#f9ca24这类）。
• 把所有匹配到的颜色值替换成你想要的目标颜色，保存后刷新页面就能看到效果。

实用小技巧 #

• 拿不准哪个颜色对应哪个页面元素？按F12打开浏览器开发者工具，选中元素就能查看它的样式属性，精准定位要修改的颜色。
• 别碰Sass相关文件，彻底避开依赖安装、编译的坑。

内容的提问来源于stack exchange，提问作者Janekia Pinkard