//该文件主要做主题颜色管理，方便后期换肤切换 
@background-color-theme1: #23262b;
@background-color-theme2: #23262b;
@body-bg-color: #073158;
@content-bg-color: #073158;
@header-bg-color: rgba(41, 44, 74, 0.5);
@aside-bg-color: rgba(11, 95, 95, 0.48);
@aside-bg-color1: rgba(28, 43, 95, 0.88);
@aside-submenu: rgba(5, 16, 16, 0.48);
@font-color: #c3d5ea;

//主页面整体背景颜色
.body-bg-color-mixin() {
  background-color: @body-bg-color  !important;
  // background-image: radial-gradient(#133750, #291d3b);
  background-image: radial-gradient(#20676e, #291d3b);
  // background-image: radial-gradient(#20676e, #0d1619);

  [data-theme="theme1"] & {
    background-color: @background-color-theme1;
  }

  [data-theme="theme2"] & {
    background-color: @background-color-theme2;
  }
}

//主页面content背景颜色
.content-bg-color-mixin() {
  // background-color: transparent !important;

  [data-theme="theme1"] & {
    background-color: @background-color-theme1;
  }

  [data-theme="theme2"] & {
    background-color: @background-color-theme2;
  }
}

// 菜单header颜色
.header-bg-color-mixin() {
  background-color: @header-bg-color  !important;

  [data-theme="theme1"] & {
    background-color: @background-color-theme1;
  }

  [data-theme="theme2"] & {
    background-color: @background-color-theme2;
  }
}

//左侧menu菜单整体背景颜色
.aside-bg-color-mixin() {
  background-color: @aside-bg-color  !important;

  [data-theme="theme1"] & {
    background-color: @background-color-theme1;
  }

  [data-theme="theme2"] & {
    background-color: @background-color-theme2;
  }
}

//左侧menu一级菜单整体背景颜色
.aside-level1-bg-color-mixin() {
  background-color: @aside-bg-color1  !important;

  [data-theme="theme1"] & {
    background-color: @background-color-theme1;
  }

  [data-theme="theme2"] & {
    background-color: @background-color-theme2;
  }
}

//左侧菜单submenutitle颜色
.aside-submenu-title {
  background-color: @aside-submenu  !important;
}

//菜单字体颜色
.font-color-mixin() {
  color: @font-color  !important;
}