如何修改Bootstrap 4中sb-admin-2主题的指定区域背景颜色

• 优先使用自定义样式覆盖（避免后续升级SB-Admin2时修改被覆盖），在项目的css目录下新建自定义样式文件，在sb-admin-2.min.css引用之后引入该文件，添加如下代码：

/* 修改侧边栏渐变背景，可根据需求调整蓝色色值 */
.bg-gradient-primary {
    background-color: #4e73df;
    background-image: linear-gradient(180deg, #4e73df 10%, #224abe 100%);
    background-size: cover;
}

/* 若需要修改侧边栏激活/悬停菜单项的背景，添加以下代码 */
.sidebar .nav-item .nav-link.active,
.sidebar .nav-item .nav-link:hover {
    background-color: rgba(78, 115, 223, 0.2);
}

/* 若需要修改顶部导航栏的绿色背景，添加以下代码 */
.bg-success {
    background-color: #4e73df !important;
}

• 若直接修改原sb-admin-2.min.css文件，搜索对应类名，将原绿色相关的色值替换为目标蓝色色值即可，注意渐变背景需要同时修改两个色值。
• 修改完成后强制清除浏览器缓存（Windows按Ctrl+F5、Mac按Command+Shift+R）即可看到效果。

内容的提问来源于stack exchange，提问作者Rodrigo Franco