https://blog.csdn.net/Sabrina_cc/article/details/125871591

http://events.jianshu.io/p/cec4926bc9f3

导航栏颜色修改

在ruoyi-yi-src-layout-components-Navbar.vue找到.navbar样式加入background: 背景颜色;

菜单栏颜色修改

在ruoyi-yi-src-assets-styles-variables.scss

$base-menu-color:hsla(0,0%,100%,.65); // 菜单全部字体颜色
$base-menu-color-active:#fff; // 父级菜单激活的字体颜色
$base-menu-background:#013e75; // 菜单栏背景颜色(非激活状态)
$base-logo-title-color: #ffffff; // 系统标题颜色


$base-menu-light-color:rgba(0,0,0,.70);
$base-menu-light-background:#ffffff; // 选中菜单的字体颜色
$base-logo-light-title-color: #001529; // 对应base-logo-title-color


$base-sub-menu-background:#234665; // 选中的菜单的子菜单背景颜色
$base-sub-menu-hover:#32608b; // 子菜单hover背景颜色

Logo

快速构建 Web 应用程序

更多推荐