当前位置：个人在线分享 > 若依后台管理系统（ruo-web）修改主题色，更改颜色值（2024-04-22）

若依后台管理系统（ruo-web）修改主题色，更改颜色值（2024-04-22）

作者 : admin 本文共715个字，预计阅读时间需要2分钟发布时间： 2024-06-9 共2人阅读

1、修改文件 setting.js

2、修改的文件路径 ruoyi-web/src/store/modules/setting.js

3、默认主题颜色 ‘#409EFF’，改新的颜色值，刷新就好了

若依后台管理系统（ruo-web）修改主题色，更改颜色值（2024-04-22）插图

若依后台管理系统（ruo-web）修改主题色，更改颜色值（2024-04-22）插图(1)

4、修改主题颜色还可以用户自己更换，但这个更换只是存储在浏览器中，清除缓存之后还是会使用默认的主题色

const state = {
  title: '',
  theme: storageSetting.theme || '#409EFF',
  sideTheme: storageSetting.sideTheme || sideTheme,
  showSettings: showSettings,
  topNav: storageSetting.topNav === undefined ? topNav : storageSetting.topNav,
  tagsView: storageSetting.tagsView === undefined ? tagsView : storageSetting.tagsView,
  fixedHeader: storageSetting.fixedHeader === undefined ? fixedHeader : storageSetting.fixedHeader,
  sidebarLogo: storageSetting.sidebarLogo === undefined ? sidebarLogo : storageSetting.sidebarLogo,
  dynamicTitle: storageSetting.dynamicTitle === undefined ? dynamicTitle : storageSetting.dynamicTitle
}

5、在布局设置中可以更换主题色

若依后台管理系统（ruo-web）修改主题色，更改颜色值（2024-04-22）插图(2)