web/assets/css/less/skins/skin-2.less

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

//skin 2
.skin-2 {
  
 @color1: #00BE67;
 @color2: #5ED02B;
 @color3: #A7D700;
 @color4: #CEE100;
 @color5: #F8C600;
 @color6: #FFAB00;
 @color7: #FF6E00;
 @color8: #F21C30;//#E24D59
 @color9: #DB348A; //#E258A0;
 @color10: #C55EE7;
 @color11: #218BEE;
 @color12: #2ECEE7;


 @default-color: @color9;//you can use one color only, you should comment .colorize1(1) and .colorize2(1)
 
 @body-background: #5C5C5C;
 @navbar-background: #C6487E;   //#56A580 green  #669CBA blue
 @sidebar-background: #505050;

 @nav-item-background: #393939;//#4C313C 
 @nav-item-color: #E1E1E1;
 @nav-item-border: #484848;


 //different states

 @nav-item-color-hover: rgba(0,0,0,0.6);
 @nav-item-icon-hover: #FFF;
 @nav-item-background-hover: desaturate(@default-color , 25%);

 @nav-item-color-open: rgba(0,0,0,0.6);  
 @nav-item-icon-open: #FFF;
 @nav-item-background-open: @nav-item-background-hover;

 @nav-item-color-active: #FFF;
 @nav-item-background-active: #242424;
 @nav-item-background-active2: @nav-item-background-hover;//.active.highlight


 //submenu colors
 @submenu-background: mix(@default-color , #303030, 12%);
 @submenu-item-color: #EEE;
 @submenu-item-background-hover: rgba(0,0,0,0.1);
 @submenu-item-background-active: rgba(0,0,0,0.05);

 @hover-submenu-border: rgba(0,0,0,0.4);


 @breadcrumbs-background: #E7F2F8;

 
 @sidebar-toggle-background: #2F2F2F;
 @sidebar-toggle-border: lighten(@nav-item-border , 18%);
 @sidebar-toggle-icon-background: #333;
 @sidebar-toggle-icon-color: #AAA;
 @sidebar-toggle-icon-border: #BBB;