WebContent/assets/css/less/skins/skin-1.less

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

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

/* skin 1 */
.skin-1 {
 @body-background: #4A4F56;
 @navbar-background: #2C6AA0;
 @sidebar-background: #222A2D;

 @nav-item-background: @sidebar-background;
 @nav-item-color: #B1BAC1;
 @nav-item-border: #3F4E54;

 //different states
 @nav-item-background-hover: #414B51;
 @nav-item-color-hover: #E1EAF1;
 
 @nav-item-color-open: #85C0EC;
 @nav-item-background-open: @nav-item-background;

 @nav-item-background-active: #141A1B;
 @nav-item-color-active: #7BB7E5;//#55A0DC


 //submenu colors
 @submenu-background: #333D3F;
 @submenu-border: #505A5B;

 @submenu-background-active: #181E20; //darken(@submenu-background-active , 2.5%);
 @submenu-border-active: #2F3E44;

 @submenu-item-color: #D9DFE6;
 @submenu-item-border: #454D4E;

 @submenu-item-hover: #8AB4DE;
 @submenu-item-hover-background: #2D3638; //!darken(@submenu-background, 2.5%);

 @submenu-item-background: #333D3F;
 @submenu-item-background-hover: #333D3F;
 
 @submenu-item-active: @nav-item-color-active;
 @submenu-item-background-active: #181E20; //darken(@submenu-background-active , 2.5%);
 @submenu-item-border-active: #222526;
 @submenu-item-icon-active: #4088D8; //darken(spin(@submenu-item-active , 5%), 5%);

 @submenu-item-background-active-hover: #14191a;
 
 @3rd-submenu-item: #61A8DD;
 @3rd-submenu-item-open: @nav-item-color-open;
 
 @active-border-highlight: #305675;


 @submenu-dotline-border: #646C70;
 @submenu-active-dotline-border: @nav-item-border;

 
 @breadcrumbs-background: #F0F0F0;

 @sidebar-toggle-background: lighten(spin(@nav-item-background-active , 10%) , 2%);
 @sidebar-toggle-border: @nav-item-border;
 @sidebar-toggle-icon-background: @sidebar-background;