ruoyi 修改主题颜色

ruoyi 修改主题颜色

找到样式文件：src/main/resources/static/css/skins.css

1. 修改顶部右侧导航栏背景颜色

.skin-yellow .navbar {

    background-color: #4EA3E4;

}

2. 修改左上角 ruoyi logo背景颜色

.skin-yellow .logo {

    background-color: #4EA3E4;

    color: #fff;

    border-bottom: 0 solid transparent

}

3. 修改左侧菜单栏背景颜色

.theme-light .navbar-static-side {

    background-color:#4EA3E4;

    box-shadow: 2px 0 2px 0 rgba(29,35,41,.05);

}

4. 修改下拉菜单展开后背景颜色

.theme-light .nav:not(.navbar-toolbar)>li.active{

    background: black;

}

5.修改左侧菜单栏悬停背景颜色

.theme-light .navbar-default .nav>li>a:focus {

    background-color: black;

}

6. 修改菜单栏点击选中项背景颜色

.theme-light.skin-yellow .navbar-default .nav>li.selected>a,
.theme-light.skin-yellow .navbar-default .nav>li.selected>a:focus {
    background-color: black;
    color:black;
}