若依更改主题颜色

zihao

要想生活过得去，还得带点。。。哈哈哈笑死

1. theme: storageSetting.theme 后面的颜色改掉，这一步设置可变换按钮颜色

2024.8.15更新：

2. src/assets/styles/variables.scss 里有个自定义暗色菜单风格，取消注释后，改里面的颜色可以修改侧边栏颜色，例如我改成这样：

/** 自定义暗色菜单风格 */
//未知参数
$base-menu-light-background: #01aa90;
//未知参数
$base-logo-light-title-color: #dc05ff;

//logo字体颜色
$base-logo-title-color: #656565;
//最外面的菜单背景颜色
$base-menu-background: rgba(255, 255, 255, 0.73);
$base-menu-light-color: rgba(230, 157, 0, 0.7);
//被选中的菜单的，最外面菜单字体颜色（最里面的字体颜色不是这里控制的，而是theme: storageSetting.theme 后面的颜色控制的）
$base-menu-color-active: #c62323;
//最里面菜单背景颜色
$base-sub-menu-background: #f6f6f6;
//鼠标划过时显示的背景颜色
$base-sub-menu-hover: #e1e1e1;
//所有字体颜色
$base-menu-color: hsla(0, 0%, 0%, 0.71);

3. 如果你只是想变成纯白色主题，不想要自定义颜色

只需要进去src/settings.js 把主题改成theme-light 就行了

这个主题是可以自定义的，代码位置在src/layout/components/Settings/index.vue，我花圈的地方是主题的小图标，

小图标需要自己绘制，我这里没搞好效果不行，只能算了以后再研究了。