ruoyi 修改主题颜色

Bertha 。 2022-11-01 14:58 720阅读 0赞

ruoyi 修改主题颜色

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

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

.skin-yellow .navbar { 

  1. background-color: \#4EA3E4;

}

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

.skin-yellow .logo { 

  1. background-color: \#4EA3E4;
  3. color: \#fff;
  5. border-bottom: 0 solid transparent

}

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

.theme-light .navbar-static-side { 

  1. background-color:\#4EA3E4;
  3. box-shadow: 2px 0 2px 0 rgba(29,35,41,.05);

}

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

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

  1. background: black;

}

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

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

  1. background-color: black;

}

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

.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;
}

发表评论

表情：
评论列表 （有 0 条评论，720人围观）

还没有评论，来说两句吧...

相关阅读