使用AdminLTE 3.2模板能否修改侧边栏非深色、浅色的颜色？

完全可行，你可以根据使用场景选择以下两种方式实现：

1. 直接添加自定义CSS（无需修改源码） #

如果是直接使用编译好的AdminLTE CSS文件，只需在自己的样式文件中添加代码覆盖默认样式，替换成目标颜色值即可：

/* 侧边栏整体背景色 */
.main-sidebar {
  background-color: #2c3e50; /* 替换为你的自定义颜色 */
}

/* 侧边栏常规链接文字颜色 */
.nav-sidebar .nav-link {
  color: #ecf0f1;
}

/* 侧边栏链接hover状态样式 */
.nav-sidebar .nav-link:hover {
  background-color: #34495e;
  color: #ffffff;
}

/* 侧边栏激活/展开链接样式 */
.nav-sidebar .nav-item.menu-open .nav-link,
.nav-sidebar .nav-item.active .nav-link {
  background-color: #1abc9c;
  color: #ffffff;
}

/* 侧边栏品牌区域样式 */
.brand-link {
  background-color: #2c3e50;
  color: #ecf0f1;
}

注：如果侧边栏有折叠状态，可根据实际显示效果额外覆盖.sidebar-collapse相关样式。

2. 修改SCSS变量（适合源码构建场景） #

如果你基于AdminLTE的SCSS源码开发，可直接修改核心变量后重新编译：

• 找到AdminLTE源码中src/scss/_variables.scss文件
• 搜索并修改侧边栏相关变量：

  $sidebar-bg: #2c3e50; // 侧边栏背景色
  $sidebar-color: #ecf0f1; // 侧边栏文字颜色
  $sidebar-hover-color: #ffffff; // hover状态文字颜色
  $sidebar-hover-bg: #34495e; // hover状态背景色
  $sidebar-active-color: #ffffff; // 激活状态文字颜色
  $sidebar-active-bg: #1abc9c; // 激活状态背景色
  

修改完成后重新编译SCSS为CSS即可生效。

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