修改侧边栏模板文本颜色后显示偏灰，如何设置为纯白色？

你的侧边栏文字偏灰不是颜色设置错误，而是opacity透明度属性导致的：
原CSS中.sidebar-nav ul .sidebar-item .sidebar-link 规则里设置了opacity: 0.6，这个属性会让整个链接元素（包括文字、图标）都变成60%不透明的状态，叠加侧边栏的深色背景后，原本设置的纯白色#fff就会呈现偏灰的视觉效果。

你可以根据需求选择以下任意一种方案：

• 方案1：所有侧边栏菜单默认显示纯白色
  修改原CSS中.sidebar-nav ul .sidebar-item .sidebar-link的opacity值为1即可，代码如下：

.sidebar-nav ul .sidebar-item .sidebar-link {
    color: #fff;
    padding: 14px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    white-space: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 25px;
    /* 将原来的opacity: 0.6改为1 */
    opacity: 1;
}

• 方案2：保持默认半透明，仅选中/悬停时显示纯白色
  你原有代码里已经设置了hover和active状态的opacity为1，如果没生效可以提升该规则的优先级，添加!important强制生效即可：

.sidebar-nav ul .sidebar-item .sidebar-link.active,
.sidebar-nav ul .sidebar-item .sidebar-link:hover {
    opacity: 1 !important;
}

你修改后的选中样式符合预期，选中状态下背景为白色、文字为蓝色，opacity设置为1也能保证蓝色文字显示正常，不需要额外调整。

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